@charset "UTF-8";
html {
    background-color: #fff
}

.wrapper {
    margin: 0 auto;
    width: 1000px
}

.crumb {
    height: 20px;
    padding: 15px 10px;
    color: #666;
    font-size: 12px;
    line-height: 20px
}

.crumb a {
    color: #666;
    font-size: 12px
}

.crumb strong.title {
    font-size: 16px;
    color: #333
}

.crumb .crumb-index {
    color: #ff8a00
}

.crumb h1 {
    display: inline;
    font-size: 12px;
    font-weight: normal
}

.crumb .tit {
    float: left
}

.crumb .item {
    float: left
}

.crumb .item em {
    margin: 0 6px;
    color: #999;
    font-family: 'simsun';
    font-style: normal
}

.crumb .drop {
    float: left
}

.crumb .drop .hd {
    height: 20px
}

.crumb .drop .hd a {
    display: block;
    height: 20px;
    _float: left;
    padding: 0 20px 0 5px
}

.crumb .drop .hd a:hover {
    text-decoration: none
}

.crumb .drop .hd i {
    position: absolute;
    margin: 7px 0 0 6px;
    *margin: 4px 0 0 6px;
    width: 0;
    height: 0;
    border-top: 5px solid #ff7000;
    border-left: 5px dashed transparent;
    border-right: 5px dashed transparent;
    overflow: hidden;
    font-size: 0
}

.crumb .drop.open .hd a {
    background-color: #ff7000;
    color: #fff
}

.crumb .drop.open .hd i {
    border-top-color: #fff
}

.crumb .drop .bd {
    position: absolute;
    display: none;
    margin: 5px 0 0 0;
    _margin: 20px 0 0 -70px;
    z-index: 10;
    max-width: 140px;
    min-width: 100px;
    padding: 10px 7px 8px 7px;
    background-color: #fff;
    border: 1px solid #e5e5e5
}

.crumb .drop.open .bd {
    display: block
}

.crumb .drop .bd .arrow {
    position: absolute;
    left: 8px;
    top: -6px;
    width: 0;
    height: 0;
    border-bottom: 6px solid #e5e5e5;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent;
    font-size: 0
}

.crumb .drop .bd .arrow b {
    position: absolute;
    left: -6px;
    top: 2px;
    width: 0;
    height: 0;
    border-bottom: 6px solid #fff;
    border-left: 6px dashed transparent;
    border-right: 9px dashed transparent;
    font-size: 0;
    overflow: hidden
}

.crumb .drop .col {
    float: left;
    width: 145px
}

.crumb .drop h3 {
    padding-left: 7px;
    color: #333
}

.crumb .drop li {
    margin-bottom: 4px;
    height: 21px;
    line-height: 20px;
    overflow: hidden
}

.crumb .drop li a {
    display: block;
    height: 21px;
    padding: 0 7px;
    color: #333
}

.crumb .drop li span {
    color: #999
}

.crumb .drop li a:hover, .crumb .drop li.on a {
    background-color: #fff1d7;
    color: #ff7000;
    text-decoration: none
}

.crumb .drop li a:hover span, .crumb .drop li.on a span {
    color: #ff7000
}

.crumb .drop .more {
    padding-left: 7px;
    font-weight: bold
}

.crumb .drop .more a {
    color: #333
}

.crumb .item.cur strong {
    font-weight: normal
}

.sales-intro {
    margin-bottom: 40px
}

.intro-l {
    float: left;
    width: 440px
}

.sales-photo {
    margin-bottom: 15px;
    position: relative;
    width: 440px;
    height: 260px;
    overflow: hidden
}

.sales-photo ul {
    position: absolute;
    left: 0;
    top: 0
}

.sales-photo li {
    float: left;
    width: 440px
}

.sales-photo .btn-next, .sales-photo .btn-prev, .detail-photo .btn-next, .detail-photo .btn-prev {
    display: none;
    position: absolute;
    top: 104px;
    width: 28px;
    height: 52px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .3);
    text-align: center;
    cursor: pointer
}

.sales-photo .btn-next:hover, .sales-photo .btn-prev:hover, .detail-photo .btn-prev:hover {
    background-color: #000
}

.sales-photo .btn-next, .detail-photo .btn-next {
    right: 0
}

.sales-photo .btn-prev, .detail-photo .btn-prev {
    left: 0
}

.sales-photo .btn-next i, .sales-photo .btn-prev i, .detail-photo .btn-next i, .detail-photo .btn-prev i {
    display: inline-block;
    margin-top: 17px;
    width: 10px;
    height: 19px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -100px 0;
    overflow: hidden;
    vertical-align: top
}

.sales-photo .btn-prev i, .detail-photo .btn-prev i {
    background-position: -110px 0
}

.sales-photo:hover span.btn-prev, .sales-photo:hover span.btn-next, .detail-photo:hover p.btn-prev, .detail-photo:hover p.btn-next {
    display: block
}

.sales-photo .sales-id {
    cursor: default;
    text-decoration: none;
    line-height: 24px;
    font-size: 12px;
    position: absolute;
    padding: 0 8px;
    background-color: rgba(0, 0, 0, .8);
    background-color: #000 \9;
    color: #fff;
    right: 0;
    bottom: 0;
    z-index: 2
}

.sales-photo .dot, .detail-photo .dot {
    position: absolute;
    width: 100%;
    bottom: 10px;
    text-align: center
}

.sales-photo .dot span, .detail-photo .dot p {
    display: inline-block;
    margin: 0 2px 0 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: pointer
}

.sales-photo .dot .on, .detail-photo .dot .on {
    opacity: 1;
    filter: alpha(opacity=100)
}

.sales-photo .app-minus .mid-line {
    display: inline-block;
    border-bottom: 1px solid #fff;
    margin-bottom: 5px
}

.sales-photo .app-minus i {
    float: left;
    margin: -5px 0 0 -4px;
    display: inline-block;
    width: 40px;
    height: 52px;
    background: url(/images/sales/appminus40x52.png) no-repeat 0 0;
    overflow: hidden
}

.sales-calendar {
    margin-bottom: 10px
}

.cal-month {
    height: 28px;
    position: relative;
    margin-bottom: 3px
}

.cal-month .tab-arrow {
    position: absolute;
    width: 26px;
    height: 26px;
    border: 1px solid #fff;
    text-align: center;
    cursor: pointer
}

.cal-month .tab-arrLeft {
    left: 0
}

.cal-month .tab-arrRight {
    right: 0
}

.cal-month .tab-arrow i {
    display: inline-block;
    margin-top: 5px;
    width: 9px;
    height: 16px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat 0 0;
    overflow: hidden;
    vertical-align: top
}

.cal-month .tab-arrow:hover {
    border-color: #ff9d00;
    background-color: #ff9d00
}

.cal-month .tab-arrRight i {
    background-position: -20px 0
}

.cal-month .tab-arrow:hover i {
    background-position: 0 -20px
}

.cal-month .tab-arrRight:hover i {
    background-position: -20px -20px
}

.cal-month .tab-arrDisabled, .cal-month .tab-arrDisabled:hover {
    border-color: #fff;
    background: 0;
    cursor: default;
    visibility: hidden
}

.cal-month .tab-arrDisabled i {
    background-position: 0 0 !important
}

.cal-month .tab-arrDisabled.tab-arrRight i {
    background-position: -20px 0 !important
}

.cal-tab {
    margin: 0 50px;
    height: 34px;
    overflow: hidden;
    position: relative
}

.cal-tab ul {
    position: absolute;
    font-size: 14px;
    line-height: 28px
}

.cal-tab li {
    float: left;
    display: inline;
    padding: 0;
    margin-right: 35px;
    color: #999;
    text-align: center;
    width: 90px
}

.cal-tab li a {
    color: #999
}

.cal-tab li.on {
    padding-bottom: 3px;
    border-bottom: 3px solid #ff9d00
}

.cal-tab li.on a {
    color: #333
}

.cal-month-full .cal-tab {
    margin: 0
}

.cal-month-full .tab-arrow {
    display: none
}

.cal-day .week {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #666;
    padding: 0 3px;
    background-color: #f6f6f6
}

.cal-day .week li {
    float: left;
    width: 62px
}

.cal-day .list {
    border: 1px solid #ededed;
    border-top: 0 none;
    text-align: center;
    padding: 1px 2px
}

.cal-day .list ul {
    margin-right: -5px
}

.cal-day .list li {
    float: left;
    display: inline;
    margin: 1px 2px;
    width: 58px;
    height: 48px;
    position: relative
}

.cal-day .have {
    cursor: pointer
}

.cal-day .day {
    padding-top: 5px;
    line-height: 14px;
    font-size: 14px;
    color: #999
}

.cal-day .pro {
    font-size: 12px;
    color: #ff6f00;
    line-height: 12px
}

.cal-day .pro .remain {
    color: #999
}

.cal-day .soldout {
    background-color: #f6f6f6
}

.cal-day .soldout .pro {
    color: #666
}

.cal-day .border {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    border: 1px solid #d7d7d7
}

.cal-day li.soldout .border, .cal-day li.soldout:hover .border {
    cursor: default;
    border: 1px solid #d7d7d7
}

.cal-day li:hover .border {
    border: 2px solid #ff9d00
}

.cal-day li.on .border {
    display: none
}

.cal-day li.on {
    background: #ff9d00
}

.cal-day li.on .day, .cal-day li.on .remain {
    color: #ffeccd
}

.cal-day li.on .pro {
    color: #fff
}

.sales-intro .visa-info {
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 14px;
    color: #999;
    line-height: 20px
}

.sales-intro .visa-info ul {
    width: 524px
}

.sales-intro .visa-info li {
    margin: 8px 0
}

.sales-intro .visa-info span {
    color: #333
}

.sales-intro .l-ft {
    line-height: 20px
}

.sales-intro .tuan {
    float: right
}

.sales-intro .btn-collect {
    float: left;
    margin-right: 25px;
    font-size: 14px;
    color: #666
}

.sales-intro .btn-collect i, .intro-l .btn-share i {
    float: left;
    margin: 0 8px 0 0;
    width: 18px;
    height: 18px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat 0 -40px;
    overflow: hidden
}

.sales-intro .btn-collect.on i {
    background-position: 0 -60px
}

.intro-l .share {
    float: left;
    font-size: 14px;
    color: #666;
    position: relative
}

.intro-l .btn-share {
    display: inline-block;
    color: #666
}

.intro-l .btn-share i {
    margin-top: 1px;
    width: 16px;
    height: 17px;
    background-position: -20px -40px
}

.intro-l .share-icon {
    height: 32px;
    padding: 12px 10px 12px 15px;
    width: 131px;
    left: -54px;
    top: 35px
}

.intro-l .share-icon a {
    display: inline-block;
    float: left;
    margin: 0 5px;
    width: 32px;
    height: 32px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat 0 -100px
}

.intro-l .share-icon .s-weibo {
    background-position: 0 -100px
}

.intro-l .share-icon .s-qzone {
    background-position: -40px -100px
}

.intro-l .share-icon .s-qq {
    background-position: -80px -100px
}

.intro-l .share-icon .s-weixin {
    background-position: -120px -100px
}

.s_popup {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    position: absolute;
    box-shadow: 0 0 7px rgba(213, 213, 213, .7);
    z-index: 101
}

.s_popup .i-arrow {
    position: absolute;
    top: -7px;
    width: 11px;
    height: 7px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -60px -20px;
    overflow: hidden
}

.s_popup .i-arrCenter {
    left: 50%;
    margin-left: -6px
}

.wx-mfw-pop {
    width: 420px;
    height: 285px;
    padding-top: 45px;
    background: #fff url(/images/post/i_wx.png) 48px 20px no-repeat;
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 1.8em
}

.wx-mfw-pop img {
    margin-top: 10px
}

.intro-r {
    float: right;
    width: 540px
}

.sales-title {
    margin-bottom: 10px
}

.sales-title .tag-promotion {
    display: inline-block;
    margin-right: 5px;
    width: 60px;
    height: 20px;
    background: url(/images/sales/822-tag.png) no-repeat 0 0;
    vertical-align: text-bottom
}

.sales-title h1 {
    display: inline;
    font-size: 22px;
    color: #333;
    line-height: 32px;
    font-weight: normal
}

.sales-title .t-tag {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: #fff;
    padding: 0 6px;
    font-size: 12px;
    vertical-align: 4px;
    *vertical-align: middle;
    position: relative;
    background-color: #ff5c6c
}

.sales-title .t-tag:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    border-top: 3px solid #ff5c6c;
    border-right: 3px dashed transparent;
    border-bottom: 3px dashed transparent;
    overflow: hidden
}

.sales-title .tag-new {
    background-color: #2b99e9
}

.sales-title .tag-new:after {
    border-top-color: #2b99e9
}

.sales-title .tag-rec {
    background-color: #20d167
}

.sales-title .tag-rec:after {
    border-top-color: #20d167
}

.sales-title .tag-hot {
    background-color: #f04040
}

.sales-title .tag-hot:after {
    border-top-color: #f04040
}

.sales-title .s-label {
    margin-top: 7px
}

.sales-title .s-label span {
    display: inline-block;
    float: left;
    margin-right: 10px;
    border: 1px dashed #ff7000;
    color: #ff7000;
    line-height: 18px;
    padding: 0 6px
}

.sales-act {
    height: 40px;
    line-height: 40px;
    background: url(/images/sales/act318-bar.png) no-repeat 0 0;
    overflow: hidden;
    color: #fff;
    font-size: 12px
}

.sales-act p {
    padding-left: 163px
}

.price-panel {
    padding: 15px 20px;
    background-color: #f6f6f6;
    font-size: 12px;
    color: #999
}

.price-panel li {
    float: left;
    display: inline;
    padding-top: 24px
}

.price-panel .item-price {
    padding: 0 15px 0 0
}

.price-panel .item-price em, .action-panel .total em {
    font-size: 18px;
    color: #ff6f00;
    font-family: "Microsoft Yahei";
    font-style: normal
}

.price-panel .item-price strong, .action-panel .total strong {
    font-size: 34px;
    color: #ff6f00;
    font-family: "Tahoma";
    font-weight: normal
}

.price-panel .item-discount {
    width: 50px
}

.price-panel .dis {
    position: absolute;
    margin-top: -22px;
    display: inline-block;
    border: 1px solid #ff6f00;
    border-radius: 16px;
    color: #ff7000;
    line-height: 16px;
    padding: 0 5px
}

.price-panel .original {
    text-decoration: line-through
}

.price-panel .item-sold {
    width: 135px;
    padding-top: 20px
}

.price-panel .item-sold a {
    color: #999
}

.price-panel .item-reviews a {
    color: #0a89e6
}

.honey {
    margin: 0 3px;
    font-size: 16px;
    color: #ff6f00
}

.intro-r .info-promo, .intro-r .info-tips {
    margin: 15px 0;
    line-height: 20px
}

.sales-intro .label {
    float: left;
    width: 70px;
    padding-left: 5px;
    color: #999
}

.sales-intro .info-panel [class^="t-"] {
    display: inline-block;
    margin-right: 7px;
    color: #fff;
    padding: 0 6px
}

.sales-intro .info-panel .t-text {
    color: #f04040
}

.sales-intro .info-panel .t-blue {
    background-color: #4fa2eb
}

.sales-intro .info-panel .t-default {
    background-color: #ff9d00
}

.sales-intro .info-panel .t-tomorrow {
    background-color: #ffae00
}

.sales-intro .info-panel .t-today {
    background-color: #2ec7ad
}

.sales-intro .info-panel .t-coupon {
    background-color: #f04040
}

.sales-intro .info-promo .promo-bd {
    float: left;
    width: 465px;
    font-size: 0
}

.sales-intro .info-promo .promo-bd span {
    font-size: 12px;
    line-height: 20px
}

.info-panel .coupon {
    cursor: pointer
}

.info-panel .coupon .ct {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.info-panel .coupon .ct span {
    display: inline-block;
    height: 20px;
    padding: 0 10px;
    line-height: 20px;
    color: #ff9d00;
    border: 2px solid;
    background-color: #fff3e1
}

.info-panel .coupon .ct:before, .info-panel .coupon .ct:after {
    content: '';
    position: absolute;
    top: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #ff9d00
}

.info-panel .coupon .ct:before {
    left: -6px
}

.info-panel .coupon .ct:after {
    right: -6px
}

.info-panel .coupon .more {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    color: #ff9d00;
    font-size: 12px
}

.info-panel .coupon .more:after {
    content: '';
    display: inline-block;
    border-top: 3px dashed transparent;
    border-bottom: 3px dashed transparent;
    border-left: 4px solid #ff9d00;
    vertical-align: middle;
    margin-left: 5px
}

.coupon-pop {
    width: 600px;
    padding: 20px 30px 30px
}

.coupon-pop h3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 1
}

.coupon-pop ul {
    margin-right: -30px;
    *zoom: 1
}

.coupon-pop li {
    float: left;
    display: inline;
    margin: 20px 16px 0 0;
    width: 290px;
    border: 1px solid #e5e5e5;
    position: relative
}

.coupon-pop .coupon-detail {
    padding: 5px 55px 20px 20px
}

.coupon-pop .coupon-detail div {
    margin-bottom: 3px;
    font-size: 14px
}

.coupon-pop .coupon-detail em {
    font-style: normal;
    font-size: 20px;
    font-family: "Microsoft Yahei";
    color: #ff9d00
}

.coupon-pop .coupon-detail strong {
    margin-right: 10px;
    font-weight: normal;
    font-size: 38px;
    color: #ff9d00;
    line-height: 40px
}

.coupon-pop .coupon-detail p {
    color: #999;
    line-height: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.coupon-pop .btn {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    width: 16px;
    padding: 25px 15px;
    background-color: #ff9d00;
    text-align: center;
    font-size: 16px;
    line-height: 17px;
    color: #fff
}

.coupon-pop .btn:hover {
    text-decoration: none;
    background-color: #ff7000
}

.coupon-pop .btn.disabled {
    background-color: #e5e5e5;
    cursor: default;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #c2c2c2
}

.coupon-pop .soldout em, .coupon-pop .soldout strong, .coupon-pop .soldout div, .coupon-pop .soldout p {
    color: #c3c3c3
}

.sales-app {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: right;
    text-align: right;
    font-size: 12px;
    color: #f9644e
}

.sales-app a {
    color: #408fff;
    display: inline-block;
    position: relative;
    text-decoration: underline
}

.sales-intro .info-tips-box {
    overflow: hidden
}

.sales-intro .info-tips p {
    margin-bottom: 10px
}

.sales-intro .info-tips p:last-child {
    margin-bottom: 0
}

.sales-intro .info-tips em {
    font-style: normal;
    color: #ff6f00
}

.sales-intro .r-line {
    margin: 20px 0;
    border-bottom: 1px dotted #d6d6d6;
    height: 0;
    overflow: hidden
}

.property-panel {
    margin-bottom: 25px
}

.property-panel dl {
    margin: 15px 0
}

.property-panel .label {
    line-height: 28px
}

.property-panel dd {
    float: left;
    width: 460px
}

.ui-selProp {
    margin-top: -10px;
    *zoom: 1
}

.ui-selProp li {
    float: left;
    display: inline;
    margin: 10px 10px 0 0;
    min-height: 28px;
    font-size: 14px;
    color: #333;
    position: relative
}

.ui-selProp li i {
    display: none
}

.ui-selProp li a {
    display: block;
    float: left;
    border: 1px solid #bcbcbc;
    color: #333;
    padding: 1px 10px;
    position: relative;
    line-height: 24px
}

.ui-selProp li a:hover, .ui-selProp li.on a {
    padding: 0 9px;
    border: 2px solid #ff9d00;
    text-decoration: none
}

.ui-selProp li.on i {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -40px -40px;
    overflow: hidden;
    line-height: 200px
}

.ui-selProp li.disabled a {
    border: 1px dashed #bcbcbc;
    color: #bcbcbc;
    cursor: default
}

.ui-selProp li.disabled a:hover {
    padding: 1px 10px
}

.ui-selProp li.disabled i {
    display: none
}

.ui-selProp li {
    height: 28px \9;
    *height: 28px
}

:root .ui-selProp li {
    height: auto \9
}

.ui-selProp .prop-tag {
    float: left;
    margin: 2px 6px 0 -7px;
    padding: 0 4px;
    height: 20px;
    background-color: #fa6361;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

.ui-selProp li .s_popup {
    display: none
}

.ui-selProp li:hover {
    position: relative
}

.ui-selProp li .s_popup {
    position: absolute;
    left: 50%;
    padding: 15px;
    width: 300px;
    text-align: center;
    white-space: nowrap;
    display: none;
    bottom: 100%;
    margin-bottom: 6px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.ui-selProp li:hover .s_popup {
    display: block
}

.ui-selProp li .s_popup span {
    color: #f04040;
    font-weight: bold
}

.ui-selProp li .s_popup i {
    display: block;
    top: auto;
    bottom: -7px;
    width: 0;
    height: 0;
    background: 0;
    border-top: 7px dashed #e5e5e5;
    border-left: 7px dashed transparent;
    border-right: 7px dashed transparent;
    font-size: 0;
    overflow: visible;
    line-height: 0
}

.ui-selProp li .s_popup i:after {
    content: '';
    position: absolute;
    left: -7px;
    top: -9px;
    border-top: 7px solid #fff;
    border-left: 7px dashed transparent;
    border-right: 7px dashed transparent;
    font-size: 0
}

.honey-hover {
    position: relative;
    cursor: pointer
}

.honey-hover .s_popup {
    width: 300px;
    text-align: center;
    left: -100px;
    bottom: -60px;
    color: #000;
    display: none
}

.honey-hover .s_popup p {
    font-size: 14px;
    height: 50px;
    line-height: 50px
}

.honey-hover .s_popup p span {
    color: #f04040;
    font-weight: bold
}

.honey-hover:hover > .s_popup {
    display: block
}

.side-bar .ui-numProp {
    text-align: center
}

.ui-numProp li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle
}

.ui-numProp .stock-remain {
    font-size: 12px;
    color: #666
}

.ui-numProp .amount {
    height: 26px;
    border: 1px solid #bcbcbc;
    overflow: hidden
}

.ui-numProp .amount:hover {
    border-color: #ff6f00
}

.ui-numProp input, .ui-numProp .input {
    float: left;
    height: 26px;
    padding: 0 8px;
    line-height: 26px;
    font-size: 14px;
    color: #333;
    border: 0;
    text-align: center
}

.ui-numProp .amount a {
    float: left;
    width: 13px;
    height: 12px;
    border-left: 1px solid #bcbcbc;
    text-align: center
}

.ui-numProp .amount a:hover {
    background-color: #f2f2f2
}

.ui-numProp .amount i {
    display: inline-block;
    margin-top: 4px;
    width: 5px;
    height: 5px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -40px -20px;
    overflow: hidden;
    line-height: 100px;
    vertical-align: top
}

.ui-numProp .amount .btns {
    width: 14px;
    float: left
}

.ui-numProp .amount .num {
    display: inline-block;
    text-align: right;
    width: 24px
}

.ui-numProp .btn-minus i {
    background-position: -40px -30px
}

.ui-numProp .amount .btn-plus {
    height: 13px;
    border-bottom: 1px solid #bcbcbc
}

.ui-numProp .num-tips {
    margin: 10px 0 0 -65px;
    width: 198px;
    padding: 10px 0;
    font-size: 12px;
    color: #333;
    text-align: center;
    display: none
}

.ui-numProp li:hover .num-tips {
    display: block
}

.ui-dateProp {
    display: inline-block;
    width: 128px;
    height: 32px;
    border: 1px solid #bcbcbc;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    text-indent: 12px;
    cursor: pointer;
    position: relative;
    vertical-align: middle
}

.ui-dateProp.on {
    border-color: #ffb133;
    box-shadow: 0 0 5px rgba(255, 177, 51, .9)
}

.ui-dateProp i {
    position: absolute;
    right: 6px;
    top: 8px;
    width: 16px;
    height: 16px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -170px -160px
}

.ui-dateProp + .to {
    margin: 0 3px
}

.ui-dateProp + .tips {
    margin-left: 15px
}

.calendar-pop {
    position: absolute;
    padding-top: 5px;
    background-color: #fff;
    width: 440px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 7px rgba(213, 213, 213, .3);
    z-index: 100
}

.calendar-start {
    margin: 34px 0 0 75px
}

.calendar-end {
    margin: 34px 0 0 -94px
}

.calendar-pop .sales-calendar {
    margin-bottom: 0
}

.calendar-pop .cal-month .tab-arrow {
    border: 0 none;
    padding: 1px
}

.calendar-pop .cal-day .list {
    border: 0 none
}

.ui-date {
    display: inline-block;
    margin-top: -10px
}

.ui-date.drop-open .trigger {
    border-color: #ff9d00
}

.ui-date .trigger {
    height: 32px;
    border: 1px solid #bcbcbc;
    font-size: 14px;
    padding: 0 10px;
    line-height: 32px;
    cursor: pointer
}

.ui-date .trigger .label {
    float: left;
    width: 150px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666
}

.ui-date .trigger i {
    float: left;
    margin: 13px 0 0 6px;
    width: 12px;
    height: 7px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -60px 0;
    overflow: hidden
}

.ui-date .s_popup {
    width: 268px;
    margin: 10px 0 0 -80px
}

.ui-date .i-arrow {
    right: 85px
}

.ui-date {
    padding: 12px 0
}

.ui-date p {
    margin: 10px 0;
    text-align: center
}

.book-calendar {
    width: 226px;
    margin: 0 auto
}

.ui-date .ui-numProp {
    padding: 20px 0 20px 13px
}

.bookNum-pop .btn {
    display: block;
    border-top: 1px solid #e2e2e2;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #ff7000
}

.ui-date .drop-menu {
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.ui-date .drop-menu li {
    border-bottom: 1px solid #e2e2e2
}

.ui-date .drop-menu li:last-child {
    border: 0
}

.ui-date .drop-menu a {
    display: block;
    padding: 8px 25px;
    color: #333
}

.ui-date .drop-menu a:hover {
    color: #ff9d00;
    text-decoration: none
}

.ui-date .drop-menu .on a {
    color: #ff9d00;
    background-color: #f6f6f6
}

.ui-date .drop-menu .disabled a {
    color: #bcbcbc;
    cursor: default
}

.ui-date .drop-menu .disabled a:hover {
    color: #bcbcbc
}

.intro-r .ui-date {
    padding: 0;
    margin: 0
}

.intro-r .ui-date .trigger {
    height: 26px;
    line-height: 26px
}

.intro-r .ui-date .trigger .label {
    height: 26px;
    line-height: 26px;
    padding: 0;
    font-size: 14px;
    color: #333
}

.top-bar .cal-month .arrow {
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    cursor: pointer
}

.top-bar .cal-month .arrow.disabled {
    cursor: default;
    display: none
}

.top-bar .cal-month .arrow-prev {
    float: left
}

.top-bar .cal-month .arrow-next {
    float: right
}

.top-bar .cal-month .arrow i {
    background-image: url(/images/hotel/datepicker-arrow.png);
    width: 10px;
    height: 15px;
    display: inline-block;
    vertical-align: middle
}

.top-bar .cal-month .arrow-prev i {
    background-position: 0 0
}

.top-bar .cal-month .arrow-next i {
    background-position: -10px 0
}

.top-bar .cal-month .arrow-prev:hover i {
    background-position: 0 -15px
}

.top-bar .cal-month .arrow-next:hover i {
    background-position: -10px -15px
}

.top-bar .cal-month .arrow-prev.disabled:hover i {
    background-position: 0 0
}

.top-bar .cal-month .arrow-next.disabled:hover i {
    background-position: -10px 0
}

.top-bar .cal-month .cal-tab {
    height: 26px;
    font-size: 16px;
    float: none
}

.top-bar .cal-month li {
    display: none
}

.top-bar .cal-month li.on {
    display: block;
    border: 0 none;
    padding: 0;
    width: 125px;
    margin: 0;
    line-height: 26px;
    color: #333
}

.top-bar .book-calendar th, .top-bar .book-calendar td {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    text-align: center;
    color: #e7e7e7;
    font-size: 14px
}

.top-bar .book-calendar thead td {
    color: #333
}

.top-bar .book-calendar td.on a, .top-bar .book-calendar td a:hover {
    border: 1px solid #ff9e00;
    line-height: 30px;
    height: 30px;
    text-decoration: none
}

.top-bar .book-calendar .cal-day .day {
    color: #333;
    padding: 0
}

.top-bar .book-calendar .cal-day a {
    height: 32px;
    line-height: 32px;
    display: block
}

.book-calendar .cal-day a .remain {
    line-height: 14px;
    color: #333;
    font-size: 12px;
    height: 28px;
    display: none;
    margin-top: -28px;
    border: 0 none;
    background: #fff;
    position: relative
}

.book-calendar .cal-day a:hover .remain {
    display: block
}

.action-panel {
    margin-bottom: 20px;
    height: 50px;
    background-color: #f6f6f6
}

.action-panel .total {
    float: left;
    padding-left: 20px;
    margin-left: 8px
}

.action-panel .total strong {
    line-height: 50px
}

.action-panel .total-price-ext {
    font-size: 18px;
    position: relative;
    top: -2px;
    margin-left: 8px;
    color: #ff6f00
}

.action-panel .buy, .m-book .buy {
    float: right;
    width: 130px
}

.action-panel .buy .btn, .m-book .buy .btn {
    display: block;
    height: 50px;
    background-color: #ff9d00;
    font-size: 20px;
    color: #fff;
    border-radius: 1px;
    line-height: 50px;
    text-align: center
}

.action-panel .buy .btn:hover, .m-book .buy .btn:hover {
    text-decoration: none;
    background-color: #ff7000
}

.action-panel .buy .btn-disabled, .m-book .buy .btn-disabled, .action-panel .buy .btn-disabled:hover, .m-book .buy .btn-disabled:hover {
    background-color: #ccc;
    color: #fff;
    cursor: default
}

.action-panel .bargain {
    float: right;
    width: 130px;
    position: relative
}

.action-panel .bargain .btn {
    display: block;
    height: 50px;
    background-color: #d32b00;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    border-radius: 1px;
    line-height: 50px;
    text-align: center
}

.action-panel .bargain .btn-disabled {
    cursor: default;
    background-color: #ccc;
    text-decoration: none
}

.action-panel .bargain .i-tips {
    width: 24px;
    height: 24px;
    display: block;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -50px -185px;
    position: absolute;
    top: -10px;
    right: -10px
}

.action-panel .bargain .tipspop {
    width: 280px;
    height: 360px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    position: absolute;
    top: -420px;
    right: -10px;
    box-shadow: 0 0 7px rgba(213, 213, 213, .7);
    z-index: 100;
    font-size: 14px;
    line-height: 1.6em
}

.action-panel .bargain .tipspop .title {
    font-size: 16px;
    color: #ff9d00;
    padding: 0 0 8px 0
}

.action-panel .bargain a.close-btn {
    width: 36px;
    height: 26px;
    display: block;
    background: url(/images/other/popctn_bg2.png) no-repeat 0 -280px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 14px
}

.action-panel .bargain a.close-btn i {
    display: inline-block;
    margin: 2px;
    width: 22px;
    height: 22px;
    background: url(/images/other/popctn_bg2.png) no-repeat -40px -280px;
    overflow: hidden
}

.action-panel .bargain .tipspop .i-arrow {
    position: absolute;
    bottom: -7px;
    right: 6px;
    width: 11px;
    height: 7px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -60px -28px;
    overflow: hidden
}

.action-panel .bargain .tipspop .i-arrCenter {
    left: 50%;
    margin-left: -6px
}

.action-panel .not-start {
    float: right;
    width: 250px;
    background-color: #54a4e8;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    border-radius: 1px
}

.hide-cart .cart, .hide-cart .cart-pop {
    display: none
}

.cart {
    float: right;
    margin-right: 30px
}

.cart .trigger {
    padding: 15px 0;
    font-size: 14px
}

.cart .trigger a {
    color: #2b99e9
}

.cart .trigger a:hover {
    text-decoration: none
}

.cart .trigger i {
    display: inline-block;
    margin: 0 4px;
    width: 12px;
    height: 7px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -60px 0;
    overflow: hidden;
    vertical-align: middle
}

.cart-open .trigger i {
    background-position: -60px -10px
}

.cart-open .cart-pop {
    display: block
}

.cart-pop {
    padding: 25px 30px;
    margin: -20px 0 20px;
    display: none;
    position: relative
}

.cart-pop .i-arrow {
    right: 180px
}

.cart-pop li {
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #666
}

.cart-pop .col-tit {
    float: left;
    width: 160px;
    padding-right: 5px
}

.cart-pop .col-num {
    float: left;
    width: 70px;
    padding: 10px 10px 0 0
}

.cart-pop .col-price {
    float: right;
    width: 195px;
    padding-top: 10px;
    text-align: right;
    color: #333
}

.cart-pop .btn-remove {
    float: right;
    margin-left: 15px;
    width: 20px;
    height: 20px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -80px 0;
    overflow: hidden
}

.cart-action {
    margin: 0;
    text-align: right
}

.cart-action .btn {
    display: inline-block;
    margin-left: 30px;
    width: 90px;
    height: 40px;
    background-color: #ff9d00;
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    vertical-align: middle
}

.cart-action .btn:hover {
    text-decoration: none;
    background-color: #ff7000
}

.cart-total strong {
    font-size: 18px;
    font-weight: normal;
    color: #ff6f00
}

.safeguard {
    text-align: right;
    font-size: 12px;
    line-height: 14px
}

.safeguard span {
    display: inline-block;
    margin-left: 25px
}

.safeguard i {
    display: inline-block;
    float: left;
    margin-right: 3px;
    width: 14px;
    height: 14px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -60px -40px;
    overflow: hidden;
    vertical-align: middle
}

.sales-nav-wrap {
    height: 54px;
    margin-bottom: 25px
}

.sales-nav {
    width: 1000px;
    border-bottom: 2px solid #e8e8e8;
    line-height: 50px;
    background-color: #fff
}

.sales-nav.fixed {
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: -500px;
    z-index: 100
}

.sales-nav li {
    float: left;
    display: inline;
    margin-right: 30px
}

.sales-nav li a {
    display: inline-block;
    color: #333;
    font-size: 18px
}

.sales-nav li a:hover {
    text-decoration: none;
    color: #ff9d00
}

.sales-nav .on a {
    color: #ff9d00
}

.sales-nav .on {
    margin-bottom: -2px;
    border-bottom: 2px solid #ff9d00
}

.sales-nav .rev-nums {
    position: absolute;
    margin: 12px 0 0 5px;
    background-color: #ff9d00;
    color: #fff;
    font-size: 12px;
    padding: 0 6px;
    line-height: 18px
}

.sales-nav .rev-nums:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    border-top: 3px solid #ff9d00;
    border-right: 3px dashed transparent;
    border-bottom: 3px dashed transparent;
    overflow: hidden
}

.nav-anchor {
    display: block;
    margin-top: -60px;
    padding-top: 60px;
    visibility: hidden
}

.detail-wrapper {
    position: relative
}

.side-bar {
    float: right;
    width: 300px;
    position: relative;
    z-index: 101;
    display: none
}

.side-bar.fixed {
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: 200px;
    z-index: 100;
    display: block
}

.side-bar.absolute {
    position: absolute;
    left: 50%;
    margin-left: 200px;
    z-index: 99;
    display: block;
    bottom: 0;
    top: auto
}

.m-book {
    margin-bottom: 20px;
    padding: 18px 18px 20px;
    border: 1px solid #e2e2e2;
    background-color: #fff
}

.m-book dl {
    margin-bottom: 18px
}

.m-book dt {
    float: left;
    width: 70px;
    font-size: 12px;
    color: #999;
    line-height: 34px
}

.m-book dd {
    float: right;
    width: 190px
}

.ui-bookDrop.drop-open .trigger {
    border-color: #ff9d00
}

.ui-bookDrop .trigger {
    height: 32px;
    border: 1px solid #bcbcbc;
    font-size: 14px;
    padding: 0 10px;
    line-height: 32px;
    cursor: pointer
}

.ui-bookDrop .trigger .label {
    float: left;
    width: 150px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-bookDrop .trigger i {
    float: left;
    margin: 13px 0 0 6px;
    width: 12px;
    height: 7px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -60px 0;
    overflow: hidden
}

.ui-bookDrop .s_popup {
    width: 268px;
    margin: 10px 0 0 -80px
}

.ui-bookDrop .i-arrow {
    right: 85px
}

.bookDate-pop {
    padding: 12px 0
}

.bookDate-pop p {
    margin: 10px 25px;
    text-align: left
}

.book-calendar {
    width: 226px;
    margin: 0 auto
}

.ui-bookDrop .ui-numProp {
    padding: 20px 0 15px 13px
}

.bookNum-pop .btn {
    display: block;
    border-top: 1px solid #e2e2e2;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #ff7000
}

.ui-bookDrop .drop-menu {
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.ui-bookDrop .drop-menu li {
    border-bottom: 1px solid #e2e2e2
}

.ui-bookDrop .drop-menu li:last-child {
    border: 0
}

.ui-bookDrop .drop-menu a {
    display: block;
    padding: 8px 25px;
    color: #333
}

.ui-bookDrop .drop-menu a:hover {
    color: #ff9d00;
    text-decoration: none
}

.ui-bookDrop .drop-menu .on a {
    color: #ff9d00;
    background-color: #f6f6f6
}

.ui-bookDrop .drop-menu .disabled a {
    color: #bcbcbc;
    cursor: default
}

.ui-bookDrop .drop-menu .disabled a:hover {
    color: #bcbcbc
}

.m-book .price-total {
    float: left;
    font-size: 34px;
    color: #ff7000;
    line-height: 46px
}

.m-book .price-total.has-honey {
    line-height: 20px;
    font-size: 30px
}

.m-book .price-total em {
    font-style: normal;
    font-size: 18px
}

.m-book .buy .btn {
    height: 46px;
    line-height: 46px
}

.m-book .tips {
    clear: both;
    padding-top: 10px;
    text-align: center
}

.m-contact {
    background-color: #fff;
    border: 1px solid #e2e2e2
}

.m-contact .hd {
    margin: 12px 10px;
    padding: 0 18px 2px;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #ededed
}

.m-contact .hd .title {
    display: inline-block;
    margin-top: 2px;
    margin-right: 5px;
    vertical-align: top;
    font-size: 14px
}

.m-contact .auth {
    display: inline-block;
    margin: 2px 0 10px 7px;
    padding: 0 5px 0 13px;
    line-height: 18px;
    border: 1px solid #f4d9a9;
    background-color: #fff1d8;
    color: #a85235;
    font-size: 12px;
    border-radius: 2px;
    vertical-align: top;
    margin-right: 8px
}

.m-contact .hd .international {
    display: inline-block;
    line-height: 20px;
    height: 20px;
    width: 80px;
    background: url('/mobile/images/detail/international.png') no-repeat;
    background-size: contain;
    margin-top: 2px
}

.m-contact .auth i {
    position: absolute;
    margin: -1px 0 0 -22px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -20px -60px;
    overflow: hidden
}

.m-contact ul {
    margin: 0 10px
}

.m-contact li {
    margin: 15px 0 20px;
    padding-left: 50px
}

.m-contact .item-im {
    padding-left: 12px;
    line-height: 28px
}

.m-contact .btn-im {
    float: left;
    display: inline-block;
    margin-right: 5px;
    height: 28px;
    background-color: #4fa2eb;
    padding: 0 7px 0 9px;
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    border-radius: 2px
}

.m-contact .btn-im i {
    float: left;
    margin: 6px 5px 0 0;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -80px -20px;
    overflow: hidden
}

.m-contact .s-time {
    color: #999
}

.m-contact .s-num {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 24px
}

.m-contact a.s-num:hover {
    text-decoration: none;
    color: #ff9d00
}

.m-contact .s-more {
    float: right;
    margin: -20px 15px 0 0;
    width: 18px;
    height: 15px;
    background: url(/images/sales//detail-v4-sprites11.png) no-repeat -160px -20px;
    overflow: hidden;
    cursor: pointer
}

.m-contact .contact-pop {
    position: absolute;
    z-index: 10;
    margin: 5px 0 0 -50px;
    width: 268px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.m-contact .icon-tel, .m-contact .icon-qq, .m-contact .icon-service {
    float: left;
    margin: 10px 0 0 -35px;
    width: 21px;
    height: 21px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -40px -60px;
    overflow: hidden
}

.m-contact .icon-qq {
    background-position: -70px -60px
}

.m-contact .item-service .btn {
    display: inline-block;
    margin-left: 5px;
    width: 84px;
    height: 20px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -80px -190px;
    color: #fff;
    font-size: 12px;
    text-indent: 28px;
    line-height: 22px;
    overflow: hidden;
    vertical-align: -3px;
    *vertical-align: middle
}

.m-contact .icon-service {
    margin-top: 18px;
    background-position: -170px -190px
}

.main-detail {
    float: left;
    width: 660px
}

.main-detail .m-panel {
    margin-bottom: 50px;
    padding-left: 25px;
    color: #333
}

.m-panel .empty-msg {
    padding: 50px;
    text-align: center;
    font-size: 14px;
    color: #999
}

.main-detail .m-hd {
    margin-bottom: 25px
}

.main-detail .m-hd h2 {
    font-size: 24px;
    font-weight: normal;
    line-height: 30px
}

.main-detail .m-hd h2:before {
    content: '';
    float: left;
    margin: 3px 0 0 -25px;
    width: 5px;
    height: 24px;
    background-color: #ff9f00
}

.main-detail .m-hd p {
    margin-top: 10px;
    line-height: 20px
}

.main-detail .m-bd {
    line-height: 1.8
}

.main-detail .m-bd > p {
    font-size: 14px;
    margin: 20px 0
}

.main-detail .tab li {
    float: left;
    display: inline;
    margin: 0 10px 15px 0;
    line-height: 22px;
    font-size: 14px
}

.main-detail .tab a {
    display: inline-block;
    padding: 0 15px;
    color: #2b3643;
    border: 1px solid #f6ece0;
    border-radius: 12px;
    background-color: #fffdf1
}

.main-detail .tab a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ff9d00;
    border-color: #ff9d00
}

.main-detail .tab .on a {
    padding: 0 18px;
    background-color: #ff9d00;
    border-radius: 24px;
    color: #fff;
    position: relative;
    border-color: #ff9d00
}

.main-detail .tab .on a:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-top: 6px solid #ff9d00;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent;
    overflow: hidden
}

.main-detail .tab .on a:hover {
    color: #fff
}

.table {
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.table th, .table td {
    padding: 18px 15px;
    border: 1px solid #ebeced
}

.table th {
    width: 95px;
    padding: 18px 10px;
    text-align: center;
    background-color: #f5f5f5;
    font-weight: bold
}

.table td {
    text-align: left
}

.m-poi {
    font-size: 14px
}

.m-poi .image {
    float: left;
    display: inline;
    margin-right: 15px;
    width: 330px;
    height: 220px;
    position: relative;
    overflow: hidden
}

.m-poi .image span {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 0 10px;
    height: 22px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 2px
}

.m-poi .poi-info {
    float: right;
    width: 270px;
    line-height: 1.2
}

.m-poi .poi-info h3 {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: normal
}

.m-poi .poi-info .en {
    margin-bottom: 5px;
    color: #999
}

.m-poi .poi-info .txt {
    max-height: 88px;
    margin-top: 5px;
    line-height: 22px;
    overflow: hidden
}

.m-poi .poi-extra {
    padding-top: 10px;
    line-height: 24px
}

.m-poi .poi-extra li {
    padding-left: 70px
}

.m-poi .poi-extra span {
    float: left;
    margin-left: -70px
}

.m-goodsinfo .m-bd {
    font-size: 14px;
    line-height: 22px
}

.m-goodsinfo p {
    margin: 10px 0
}

.m-goodsinfo img {
    display: block;
    margin: 10px 0 20px
}

.m-data dl {
    margin: 25px 0 30px
}

.m-data dt {
    border-bottom: 1px solid #efefef;
    position: relative;
    line-height: 30px
}

.m-data .num {
    float: left;
    margin: 0 5px 0 -15px;
    width: 35px;
    font-size: 20px;
    color: #cfd0d2;
    text-align: right
}

.m-data .t-tag {
    display: inline-block;
    padding: 0 3px;
    background-color: #499eed;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px
}

.m-data .tag-warning {
    background-color: #f53c3a
}

.m-data .r-templ {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px
}

.m-data .r-templ a {
    display: inline-block;
    color: #2b99e9
}

.m-data .i-templ, .m-data .i-photo {
    display: inline-block;
    float: left;
    margin: 7px 4px 0 0;
    width: 12px;
    height: 16px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -160px -40px;
    overflow: hidden
}

.m-data .i-photo {
    width: 17px;
    height: 16px;
    background-position: -160px -60px
}

.m-data dd {
    margin: 5px 10px 10px 25px;
    font-size: 14px;
    line-height: 24px
}

.m-process .timeline dd {
    color: #666
}

.m-process .react-expand .expand-more {
    left: 78px
}

.m-flight .tab {
    margin: 25px 0 10px
}

.m-flight .list {
    margin-top: 5px;
    width: 600px
}

.m-flight dl {
    padding: 10px 0 10px 65px
}

.m-flight .first {
    border-bottom: 1px solid #f2f2f2
}

.m-flight dt {
    float: left;
    width: 65px;
    display: inline;
    margin-left: -65px;
    padding-top: 10px
}

.m-flight dt span {
    font-size: 14px
}

.m-flight .place {
    float: left;
    width: 150px;
    padding-top: 10px;
    font-size: 14px
}

.m-flight .airline {
    float: left;
    margin: -1px 0 0 -200px;
    width: 200px;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    *zoom: 1
}

.m-flight .airline .transit {
    margin-top: 8px;
    font-size: 12px;
    color: #999
}

.m-flight .takeoff, .m-flight .landing {
    float: left;
    width: 95px;
    text-align: center
}

.m-flight .time {
    display: inline-block;
    margin-bottom: 3px;
    font-size: 24px;
    font-weight: bold;
    line-height: 20px
}

.m-flight .go {
    float: left;
    margin: 20px 0;
    width: 190px;
    border-bottom: 1px solid #bcbcbc;
    position: relative
}

.m-flight .go:before, .m-flight .go:after {
    content: '';
    position: absolute;
    top: -3px;
    width: 5px;
    height: 5px;
    border: 1px solid #bcbcbc;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff
}

.m-flight .go:before {
    left: 0
}

.m-flight .go:after {
    right: 0
}

.m-flight .add-day {
    position: absolute;
    margin-left: 5px;
    color: #ff9d00;
    white-space: nowrap
}

.m-flight .trans {
    margin: 5px 20px 10px 130px;
    border: 1px solid #f2f2f2;
    border-radius: 11px;
    line-height: 22px;
    text-align: center
}

.item-hotel {
    padding: 20px 0;
    border-bottom: 1px solid #f2f2f2
}

.item-hotel:first-child {
    padding-top: 0
}

.item-hotel:last-child {
    border-bottom: 0 none;
    margin-bottom: 0
}

.item-hotel .image {
    float: left;
    width: 330px;
    height: 240px;
    overflow: hidden;
    position: relative
}

.item-hotel .image li {
    float: left
}

.item-hotel .image span {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 0 15px;
    height: 22px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 2px
}

.hotel-detail {
    float: right;
    width: 270px;
    height: 240px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden
}

.hotel-detail h3 {
    margin-bottom: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    font-weight: normal;
    overflow: hidden
}

.hotel-detail h3 a {
    color: #333
}

.hotel-detail .h-title {
    margin-bottom: 20px
}

.hotel-detail .h-title p {
    font-size: 14px;
    color: #999
}

.hotel-detail .h-star {
    display: inline-block;
    margin-right: 20px
}

.main-detail .star {
    display: inline-block;
    width: 84px;
    height: 15px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat 0 -140px;
    vertical-align: -2px;
    *vertical-align: middle;
    margin: 0
}

.main-detail .star5 {
    background-position: 0 -140px
}

.main-detail .star4 {
    background-position: -17px -140px
}

.main-detail .star3 {
    background-position: -34px -140px
}

.main-detail .star2 {
    background-position: -51px -140px
}

.main-detail .star1 {
    background-position: -68px -140px
}

.main-detail .star0 {
    background-position: -85px -140px
}

.hotel-detail .star {
    margin-left: 5px
}

.hotel-detail .h-score {
    display: inline-block
}

.hotel-detail .h-score b {
    font-size: 24px;
    color: #ff9d00
}

.hotel-detail .h-address {
    margin-top: 5px
}

.hotel-detail .h-address span {
    color: #999;
    font-size: 12px
}

.hotel-detail .a-maps {
    display: inline-block;
    margin-left: 3px;
    width: 14px;
    height: 14px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -80px -40px;
    vertical-align: -2px;
    *vertical-align: middle
}

.hotel-detail .nums {
    height: 40px;
    margin: 15px 0 5px;
    color: #999;
    line-height: 20px;
    overflow: hidden;
    font-size: 14px
}

.hotel-detail .nums li {
    float: left
}

.hotel-detail .nums .split {
    margin: 1px 18px 0;
    width: 0;
    height: 35px;
    border-left: 1px solid #eaeaea;
    overflow: hidden
}

.hotel-detail .nums a {
    color: #999
}

.hotel-detail .nums em {
    font-style: normal;
    color: #ff9d00
}

.hotel-detail .summary {
    margin-top: 5px
}

.hotel-detail .summary p {
    margin: 0 0 10px !important
}

.hotel-detail .summary-line4 {
    height: 80px
}

.hotel-detail .summary-line5 {
    height: 100px
}

.hotel-detail .summary-line6 {
    height: 120px
}

.hotel-detail .summary-line7 {
    height: 140px
}

.mention {
    clear: both;
    padding-top: 10px;
    height: 30px;
    font-size: 14px
}

.mention li {
    float: left;
    display: inline;
    margin-right: 10px
}

.mention a, .mention .item {
    display: inline-block;
    padding: 5px 10px;
    line-height: 20px;
    border: 1px solid #ebeced;
    border-radius: 2px;
    overflow: hidden;
    font-size: 12px
}

.mention a:hover {
    text-decoration: none;
    background-color: #f6f6f6
}

.mention em {
    float: left;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background-color: #ff9d00;
    color: #fff;
    text-align: center;
    font-style: normal;
    border-radius: 1px
}

.mention strong {
    font-weight: normal;
    color: #333
}

.mention span {
    color: #999
}

.react-expand {
    *height: auto;
    max-height: 420px;
    overflow: hidden;
    position: relative;
    padding-left: 20px;
    margin-left: -20px
}

.react-expand .expand-wrap {
    *display: none;
    position: relative;
    -webkit-transition: height .5s;
    transition: height .5s
}

.react-expand .expand-light {
    *display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 70px;
    border-bottom: 20px solid #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#11ffffff', endColorstr='#ffffffff', GradientType=0)
}

.react-expand .expand-more {
    *display: none;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 40px
}

.react-expand.expanded {
    max-height: inherit !important;
    overflow: visible
}

.react-expand.expanded .expand-more, .react-expand.expanded .expand-light {
    display: none
}

.timeline {
    margin: 0 0 10px 16px;
    padding-left: 40px;
    border-left: 2px solid #f5f5f5;
    padding-bottom: 1px;
    position: relative
}

.timeline:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -7px;
    width: 8px;
    height: 8px;
    background-color: #f5f5f5;
    border-radius: 50%;
    border: 2px solid #fff
}

.timeline dl {
    margin-bottom: 25px
}

.timeline dt {
    margin-bottom: 5px;
    font-size: 18px;
    *zoom: 1
}

.timeline dd {
    font-size: 14px;
    line-height: 20px;
    color: #999
}

.timeline dd .img {
    margin: 15px 0 20px
}

.timeline .icon-round {
    float: left;
    margin: 2px 0 0 -52px;
    width: 24px;
    height: 24px;
    background-color: #ff9d00;
    text-align: center;
    border-radius: 50%;
    line-height: 24px;
    font-size: 18px;
    color: #fff
}

.timeline .i-flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -100px -60px;
    overflow: hidden;
    vertical-align: top
}

.timeline .icon-round .i-flag {
    margin-top: 6px;
    width: 11px;
    height: 12px;
    background-position: -100px -40px
}

.day-timeline {
    margin: 10px 0 10px 28px;
    padding-left: 50px
}

.timeline .day-round {
    float: left;
    margin: -5px 0 0 -80px;
    width: 60px;
    height: 60px;
    background-color: #ff9d00;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    line-height: 60px
}

.timeline .day-round em {
    display: inline-block;
    padding-top: 10px;
    font-size: 12px;
    line-height: 14px;
    font-style: normal
}

.timeline .day-round b {
    font-size: 24px;
    line-height: 24px
}

.day-timeline .icon-round {
    background: 0
}

.day-timeline .i-flag {
    float: left;
    margin: 6px 0 0 -60px
}

.day-timeline .i-flag-food, .day-timeline .i-flag-hotel {
    margin: 0 0 0 -66px;
    width: 30px;
    height: 30px;
    background-position: -130px -160px
}

.day-timeline .i-flag-hotel {
    background-position: -100px -160px
}

.detail-notes {
    margin: 20px 0 40px 20px
}

.detail-notes img {
    max-width: 100%
}

.main-detail .subtitle {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 24px
}

.main-detail .subtitle:before {
    content: '';
    float: left;
    margin: 9px 0 0 -20px;
    width: 7px;
    height: 7px;
    background-color: #ff9d00;
    border-radius: 50%;
    overflow: hidden
}

.detail-notes .notes-content {
    font-size: 14px;
    line-height: 1.8
}

.detail-notes .notes-content p {
    margin: 10px 0
}

.main-detail [class^="notes-content m-"] {
    margin-top: 15px
}

.detail-notes .notes-content .intro {
    margin: .3em 0 1.8em
}

.detail-alert {
    margin: 0 0 25px -10px;
    border: 1px solid #e0e0e0;
    padding: 15px 20px 15px 28px;
    font-size: 14px;
    background-color: #fff8b7
}

.detail-alert .subtitle {
    color: #333
}

.detail-alert .subtitle:before {
    display: none
}

.detail-alert a {
    color: #2b99e9
}

.m-place {
    margin: 15px -20px 0 -20px
}

.item-place {
    float: left;
    display: inline;
    margin: 0 20px 10px 0;
    width: 300px;
    height: 282px;
    color: #333
}

.item-place .card {
    cursor: pointer
}

.item-place .image {
    height: 112px;
    overflow: hidden
}

.item-place .info {
    height: 148px;
    border: 1px solid #ebeced;
    padding: 10px 15px
}

.item-place .title {
    width: 158px;
    margin: -50px auto 10px;
    border: 1px solid #ebeced;
    text-align: center;
    padding: 12px 10px;
    background-color: #fff;
    position: relative
}

.item-place .title strong {
    font-weight: normal;
    display: block;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    overflow: hidden
}

.item-place .en {
    color: #999;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    overflow: hidden;
    display: block
}

.item-place .title .star {
    margin-top: 5px
}

.item-place .summary {
    height: 88px;
    font-size: 12px;
    line-height: 22px;
    overflow: hidden
}

.item-place .pop-place {
    width: 528px;
    margin: -282px 0 0 320px
}

.pop-place .i-arrLeft {
    position: absolute;
    left: -12px;
    top: 194px;
    width: 12px;
    height: 16px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -120px -40px;
    overflow: hidden
}

.pop-place .image {
    height: 176px
}

.pop-place .info {
    height: auto;
    padding: 15px 20px;
    border: 0 none
}

.pop-place .title {
    position: static;
    border: 0 none;
    width: auto;
    padding: 0;
    margin: 0 0 5px;
    text-align: left
}

.pop-place .title strong {
    font-size: 18px;
    display: inline
}

.pop-place .title .en {
    display: inline;
    font-size: 18px
}

.pop-place .title .star {
    margin: 7px 10px 0 0
}

.pop-place .title a {
    color: #2b99e9;
    font-size: 12px
}

.pop-place .summary {
    height: auto
}

.pop-place ul {
    margin: 10px -20px;
    border-top: 1px solid #f5f5f5;
    padding: 0 20px;
    line-height: 20px
}

.pop-place li {
    margin: 10px 0;
    padding-left: 30px
}

.pop-place li i {
    float: left;
    margin: 2px 0 0 -30px;
    width: 16px;
    height: 16px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -120px 0;
    overflow: hidden
}

.pop-place li .i-link {
    background-position: -140px 0
}

.pop-place li .i-traffic {
    background-position: -160px 0
}

.pop-place li .i-ticket {
    background-position: -180px 0
}

.pop-place li .i-opening {
    background-position: -120px -20px
}

.pop-place li .i-time {
    background-position: -140px -20px
}

.pop-place li span {
    float: left;
    width: 60px;
    padding-right: 8px
}

.pop-place li .value {
    float: none;
    margin-left: 70px;
    width: auto;
    display: block
}

.pop-place .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    text-align: center
}

.pop-place .btn-close i {
    display: inline-block;
    margin-top: 9px;
    width: 14px;
    height: 14px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -100px -20px;
    overflow: hidden;
    vertical-align: top
}

.pop-place .mention {
    margin: 10px -20px 0;
    padding: 5px 20px 0;
    border-top: 1px solid #f5f5f5;
    height: auto
}

.pop-place .mention .item {
    float: left;
    margin-right: 10px;
    margin-top: 10px
}

.m-dealorder table {
    width: 100%
}

.m-dealorder td {
    padding: 15px 5px;
    line-height: 20px;
    color: #666;
    font-size: 12px;
    text-align: center
}

.m-dealorder thead td {
    padding: 10px 5px;
    background-color: #f7f7f7;
    font-size: 14px
}

.m-dealorder .td-user {
    text-align: left;
    width: 125px;
    padding-left: 20px
}

.m-dealorder .td-price {
    width: 80px
}

.m-dealorder tbody .td-price {
    color: #ff9d00
}

.m-dealorder .td-num {
    width: 50px
}

.m-dealorder .td-time {
    width: 120px
}

.m-dealorder .td-info {
    width: 140px;
    padding-right: 20px
}

.m-dealorder tr:nth-child(even) td {
    background-color: #f7f7f7
}

.m-reviews .tab, .m-consult .tab {
    padding-bottom: 15px;
    border-bottom: 1px solid #efefef
}

.m-reviews .tab li, .m-consult .tab li {
    margin-bottom: 0
}

.m-reviews .tab span {
    color: #999
}

.m-reviews .tab .on span, .m-reviews .tab a:hover span {
    color: #fff
}

.m-reviews .ssi {
    float: right;
    line-height: 28px
}

.m-reviews .ssi em {
    font-style: normal;
    font-size: 24px;
    color: #ff9d00;
    vertical-align: -2px;
    *vertical-align: middle
}

.m-reviews .sub-stars {
    margin-top: 2.38667rem
}

.m-reviews .sub-stars .item {
    width: 50%;
    height: 1.32rem;
    padding: .73333rem 0;
    float: left;
    font-size: 0
}

.m-reviews .sub-stars .item .name {
    display: inline-block;
    vertical-align: top;
    width: 7.76667rem;
    margin-right: 1.20667rem;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    line-height: 1.32rem;
    white-space: nowrap
}

.m-reviews .sub-stars .item .bar {
    display: inline-block;
    vertical-align: top;
    width: 6.65333rem;
    height: .34rem;
    border-radius: .172rem;
    background-color: #d8d8d8;
    margin-top: .52rem;
    margin-right: 1.16667rem;
    overflow: hidden;
    position: relative
}

.m-reviews .sub-stars .item .bar i {
    display: block;
    height: 100%;
    border-radius: .17rem;
    background-color: #ffe24c;
    position: absolute;
    left: 0;
    top: 0
}

.m-reviews .sub-stars .item .score {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.32rem
}

.m-reviews .sub-stars .item:nth-child(even) {
    text-align: right
}

.m-reviews {
    position: relative
}

.m-reviews .tags {
    clear: both
}

.m-reviews .tags .box {
    font-size: 0;
    margin-left: -0.6333rem;
    padding-bottom: 22px;
    overflow: hidden
}

.m-reviews .tags .box span {
    display: inline-block;
    height: 32px;
    padding: 0 9px;
    border: 1px solid rgba(0, 0, 0, .05);
    background-color: #FFF;
    font-size: 14px;
    line-height: 32px;
    margin: 5px
}

.m-reviews .tags .arrow {
    width: 1.67333rem;
    height: 1.67333rem;
    padding: 1.26667rem;
    margin: -0.26667rem auto 0
}

.m-reviews .tags .arrow:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("/mobile/images/remark/arrow.png") no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all .2s;
    transition: all .2s
}

.m-reviews .tags.tag-more .box {
    height: auto
}

.m-reviews .tags.tag-more .arrow:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rev-item {
    margin-left: 42px;
    padding: 12px 0;
    border-bottom: 1px solid #efefef
}

.rev-item:last-child {
    border-bottom: 0 none
}

.rev-item .user, .rev-item .rev-star {
    margin-bottom: 5px
}

.rev-item .avatar, .m-consult .avatar {
    float: left;
    margin-left: -42px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden
}

.rev-item .icon-goldComment {
    display: inline-block;
    margin: 0 0 4px 5px;
    width: 88px;
    height: 22px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat 0 -160px;
    vertical-align: middle;
    overflow: hidden;
    line-height: 100px
}

.rev-item .txt {
    margin-bottom: 8px;
    line-height: 18px
}

.rev-item .img a {
    float: left;
    margin: 0 8px 8px 0
}

.rev-item .time, .m-consult .time {
    color: #999
}

.rev-star {
    display: inline-block;
    position: relative;
    margin: 2px 0 10px;
    width: 84px;
    height: 15px;
    overflow: hidden;
    *display: inline;
    *zoom: 1;
    vertical-align: top
}

.rev-star .click-star {
    position: absolute;
    left: 0;
    top: 0;
    width: 85px;
    height: 15px
}

.rev-star .click-star a {
    float: left;
    width: 17px;
    height: 15px
}

.consult-popup .star-tips {
    margin-left: 10px;
    color: #999;
    font-size: 14px
}

.consult-popup .rev-bd .textarea, .consult-popup .rev-bd textarea {
    height: 140px
}

.upload-photo {
    margin-top: 5px
}

.upload-photo li {
    float: left;
    width: 48px;
    height: 48px;
    display: inline;
    margin: 10px 10px 0 0;
    border-radius: 4px;
    text-align: center;
    position: relative
}

.upload-photo .btn-add {
    display: block;
    height: 48px;
    background-color: #f5f5f5
}

.upload-photo .btn-add i {
    opacity: .5;
    display: inline-block;
    margin: 15px 0 0;
    float: none
}

.upload-photo img {
    border-radius: 4px;
    width: 48px;
    height: 48px;
    overflow: hidden
}

.upload-photo .btn-remove {
    position: absolute;
    right: -7px;
    top: -7px;
    width: 16px;
    height: 16px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -140px -40px;
    overflow: hidden;
    cursor: pointer
}

.m-consult .btn-consult {
    float: right;
    width: 68px;
    height: 25px;
    line-height: 25px;
    background-color: #ff9d00;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 2px
}

.m-consult .btn-consult:hover {
    background-color: #ff8a00;
    text-decoration: none
}

.m-consult .con-item {
    margin-left: 42px;
    padding: 12px 18px 12px 0;
    border-bottom: 1px solid #efefef;
    line-height: 20px
}

.m-consult .con-item:last-child {
    border-bottom: 0 none
}

.m-consult dt {
    position: relative
}

.m-consult .avatar {
    position: absolute
}

.m-consult .time, .m-panel .reply .time {
    margin-left: 5px
}

.m-panel .btn-reply {
    float: right;
    *margin-top: 20px
}

.m-panel .reply .txt, .m-consult .txt {
    margin: 3px 0 0;
    color: #666;
    font-size: 12px
}

.m-panel .reply {
    margin-top: 12px;
    background-color: #f5f5f5;
    padding: 8px 20px;
    border-radius: 2px;
    position: relative
}

.m-panel .reply strong {
    color: #ff9d00
}

.m-panel .reply dl {
    margin: 10px 0;
    padding: 0 0 0 42px
}

.m-reviews .reply dl {
    padding: 0
}

.m-reviews .reply-cont {
    margin: 5px 0
}

.m-reviews .reply .avatar {
    display: none
}

.m-panel .reply dt {
    position: relative
}

.m-panel .reply .i-arrow {
    position: absolute;
    left: 23px;
    top: -10px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #f5f5f5;
    border-left: 10px dashed transparent;
    border-right: 10px dashed transparent;
    overflow: hidden
}

.m-recommend {
    margin-bottom: 40px
}

.m-recommend .hd {
    margin-bottom: 15px;
    font-size: 18px;
    color: #333
}

.m-recommend .bd {
    margin-left: -20px;
    *zoom: 1
}

.m-recommend li {
    float: left;
    display: inline;
    margin-left: 20px;
    width: 235px;
    height: 273px;
    margin-bottom: 15px
}

.m-recommend li a {
    display: block
}

.m-recommend li a:hover {
    text-decoration: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.m-recommend .image {
    height: 168px;
    position: relative;
    overflow: hidden
}

.m-recommend .info {
    height: 104px;
    border: 1px solid #dce0e0;
    border-top: 0 none
}

.m-recommend h4 {
    line-height: 18px;
    height: 36px;
    margin: 0 10px 12px;
    color: #333;
    overflow: hidden;
    padding-top: 12px;
    font-size: 14px
}

.m-recommend a:hover h4 {
    color: #ff6f00
}

.m-recommend .price {
    height: 23px;
    border-top: 1px solid #edefef;
    padding: 10px;
    line-height: 24px;
    overflow: hidden
}

.m-recommend .price strong {
    float: right;
    font-size: 22px;
    color: #ff6f00;
    font-weight: normal
}

.m-recommend .price span {
    color: #999
}

.m-recommend .mark-type {
    position: absolute;
    left: 0;
    top: 0
}

.m-recommend .mark-type {
    float: left;
    padding: 1px;
    line-height: 18px;
    font-size: 12px
}

.m-recommend .mark-type strong {
    float: left;
    padding: 0 10px;
    color: #fff;
    font-weight: normal
}

.m-recommend .mark-type span {
    float: left;
    padding: 0 8px;
    background-color: #fff
}

.m-recommend .mark-type.type-1 {
    background-color: #9b6ed2;
    color: #9b6ed2
}

.m-recommend .mark-type.type-2 {
    background-color: #46b9a0;
    color: #46b9a0
}

.m-recommend .mark-type.type-3 {
    background-color: #ff7373;
    color: #ff7373
}

.m-recommend .mark-type.type-4 {
    background-color: #786ee6;
    color: #786ee6
}

.m-recommend .mark-type.type-5 {
    background-color: #ff9d00;
    color: #ff9d00
}

.m-recommend .mark-type.type-10 {
    background-color: #12bcc4;
    color: #12bcc4
}

.m-recommend .mark-type.type-96 {
    width: 135px;
    padding-left: 8px;
    background: url(/images/sales/2016906/tags96.png) no-repeat;
    color: #fff;
    font-size: 14px
}

.m-recommend .app-minus {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    text-align: center;
    margin-top: -35px;
    font-size: 20px;
    color: #fff;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
    line-height: 36px;
    font-weight: normal
}

.m-recommend .app-minus .mid-line {
    display: inline-block;
    border-bottom: 1px solid #fff
}

.m-recommend .app-minus i {
    float: left;
    margin-left: -4px;
    display: inline-block;
    width: 32px;
    height: 39px;
    background: url(/images/sales/appminus34x42.png) no-repeat 0 0;
    overflow: hidden
}

.m-recommend-shop li {
    height: 220px
}

.m-recommend-shop .image {
    height: 126px
}

.m-recommend-shop .info {
    height: 94px
}

.m-recommend-shop .info h4 {
    margin-bottom: 7px;
    padding-top: 8px
}

.m-recommend-shop .mark-name {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 18px;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 2px 10px
}

.m-recommend-shop .price {
    border: 0
}

.m-recommend-shop .price strong {
    float: none
}

.m-recommend-shop .price strong span {
    font-size: 14px
}

.m-recommend-shop .price .num {
    float: right
}

.consult-popup {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -200px 0 0 -265px;
    width: 530px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    box-shadow: 0 0 7px rgba(213, 213, 213, .7);
    z-index: 400
}

.consult-popup .hd {
    padding: 15px 15px 10px;
    font-size: 14px
}

.consult-popup .user {
    margin-right: 10px
}

.consult-popup .user img {
    display: inline-block;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle
}

.consult-popup .q-tag {
    color: #2b99e9;
    display: inline-block
}

.consult-popup .q-tag:before {
    content: '';
    display: inline-block;
    margin-right: 3px;
    width: 0;
    height: 0;
    border-left: 4px solid #757575;
    border-top: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    overflow: hidden
}

.consult-popup .bd {
    padding: 0 15px 15px
}

.consult-popup .textarea {
    height: 195px
}

.consult-popup textarea {
    border: 0 none;
    padding: 0;
    margin: 0;
    width: 500px;
    height: 170px;
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.consult-popup .addons {
    padding-top: 10px;
    position: relative
}

.consult-popup .icon-photo, .consult-popup .icon-link {
    float: left;
    margin-right: 28px;
    width: 20px;
    height: 20px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -120px -60px;
    overflow: hidden;
    line-height: 200px
}

.consult-popup .icon-link {
    background-position: -140px -60px
}

.consult-popup .ft {
    padding: 10px 15px;
    border-top: 1px solid #f5f5f5;
    line-height: 36px;
    font-size: 14px;
    text-align: right
}

.consult-popup .ft a {
    display: inline-block;
    margin-left: 10px;
    width: 88px;
    text-align: center;
    color: #333
}

.consult-popup .ft a:hover {
    text-decoration: none
}

.consult-popup .ft .btn {
    background-color: #ff9d00;
    border-radius: 2px;
    color: #fff
}

.consult-popup .ft .btn:hover {
    background-color: #ff8a00
}

.consult-popup .close {
    position: absolute;
    right: 18px;
    top: 18px;
    width: 14px;
    height: 14px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -100px -20px;
    overflow: hidden
}

.consult-popup .link-con {
    position: absolute;
    left: 0;
    right: 0;
    top: -35px;
    border: 1px solid #e5e5e5;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    border-radius: 3px
}

.consult-popup .link-con .link-close {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 16px;
    height: 16px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -140px -40px;
    overflow: hidden
}

.addlink-popup {
    margin-top: -90px;
    height: auto
}

.consult-popup .add-link {
    padding: 15px 0 5px
}

.consult-popup .add-link p {
    font-size: 14px;
    margin-bottom: 10px
}

.consult-popup .add-link input {
    width: 478px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 18px;
    color: #333
}

.new-popbox .pop-ico i.i-cry, .new-popbox .pop-ico i.i-99114121 {
    width: 83px;
    height: 79px;
    background: url(/images/sales/i_cry.png) no-repeat;
    margin-bottom: -7px
}

.side-bar .cal-month .arrow {
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    cursor: pointer
}

.side-bar .cal-month .arrow.disabled {
    cursor: default;
    display: none
}

.side-bar .cal-month .arrow-prev {
    float: left
}

.side-bar .cal-month .arrow-next {
    float: right
}

.side-bar .cal-month .arrow i {
    background-image: url(/images/hotel/datepicker-arrow.png);
    width: 10px;
    height: 15px;
    display: inline-block;
    vertical-align: middle
}

.side-bar .cal-month .arrow-prev i {
    background-position: 0 0
}

.side-bar .cal-month .arrow-next i {
    background-position: -10px 0
}

.side-bar .cal-month .arrow-prev:hover i {
    background-position: 0 -15px
}

.side-bar .cal-month .arrow-next:hover i {
    background-position: -10px -15px
}

.side-bar .cal-month .arrow-prev.disabled:hover i {
    background-position: 0 0
}

.side-bar .cal-month .arrow-next.disabled:hover i {
    background-position: -10px 0
}

.side-bar .cal-month .cal-tab {
    height: 26px;
    font-size: 16px;
    float: none
}

.side-bar .cal-month li {
    display: none
}

.side-bar .cal-month li.on {
    display: block;
    border: 0 none;
    padding: 0;
    width: 125px;
    margin: 0;
    line-height: 26px;
    color: #333
}

.side-bar .book-calendar th, .side-bar .book-calendar td {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    text-align: center;
    color: #e7e7e7;
    font-size: 14px
}

.side-bar .book-calendar thead td {
    color: #333
}

.side-bar .book-calendar td.on a, .side-bar .book-calendar td a:hover {
    border: 1px solid #ff9e00;
    line-height: 30px;
    height: 30px;
    text-decoration: none
}

.side-bar .book-calendar .cal-day .day {
    color: #333;
    padding: 0
}

.side-bar .book-calendar .cal-day a {
    height: 32px;
    line-height: 32px;
    display: block
}

#pnl_mappop {
    background-color: #e5e3df;
    width: 466px;
    margin: 0;
    position: absolute;
    height: 290px;
    display: none;
    z-index: 101;
    padding: 5px
}

#btn_close_map {
    background: url("/images/mdd/new_img/close_opa.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 17px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -10000px;
    top: 0;
    width: 17px;
    z-index: 30
}

#pnl_mappop {
    padding: 15px
}

.sales_debug {
    display: none
}

p.sales_debug, .sales_debug p {
    border: 2px solid #f00;
    font-size: 16px;
    background: black;
    color: #fff;
    padding: 4px;
    margin: 10px
}

.fancybox-overlay .fancybox-close {
    right: -20px;
    top: -20px;
    width: 50px;
    height: 50px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat 0 -185px;
    overflow: hidden
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: 0;
    z-index: 1102;
    display: none
}

#fancybox-left {
    left: 0
}

#fancybox-right {
    right: 0
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 40px;
    height: 80px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1102;
    display: block;
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

#fancybox-left-ico:after, #fancybox-right-ico:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 19px;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -5px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -110px 0
}

#fancybox-right-ico:after {
    background-position: -100px 0
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible
}

#fancybox-left:hover span {
    left: 15px
}

#fancybox-right:hover span {
    left: auto;
    right: 15px
}

@media (min-resolution: 1.25dppx),(-webkit-min-device-pixel-ratio: 1.25),(min-device-pixel-ratio: 1.25) {
    .sales-intro .btn-collect i, .intro-l .btn-share i, .safeguard i, .intro-l .share-icon a, .m-contact .icon-tel, .m-contact .icon-qq, .m-contact .btn-im i, .m-contact .auth i, .hotel-detail .a-maps, .timeline .i-flag, .pop-place .btn-close i, .main-detail .star, .m-contact .icon-service, .m-contact .item-service .btn {
        background-image: url(/images/sales/detail-v4-sprites_@2x.png);
        background-size: 200px auto
    }
}

.sales-photo .app-minus {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    margin-top: -40px;
    margin-left: -82px;
    font-size: 32px;
    color: #fff;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
    line-height: 36px;
    font-weight: normal
}

.app-minus .mid-line {
    display: inline-block;
    border-bottom: 1px solid #fff;
    margin-bottom: 5px
}

.app-minus i {
    float: left;
    margin: -5px 0 0 -4px;
    display: inline-block;
    width: 40px;
    height: 52px;
    background: url(/images/sales/appminus40x52.png) no-repeat 0 0;
    overflow: hidden
}

#priceDesc {
    position: relative;
    display: inline-block;
    left: 5px;
    top: 0
}

#priceDescMsg {
    position: absolute;
    left: 100%;
    top: 150%;
    width: 200px;
    padding: 5px 5px;
    display: none;
    background-color: #fff;
    outline: 1px solid #e5e5e5;
    font-size: 12px;
    color: #333;
    box-shadow: 0 0 7px rgba(213, 213, 213, .7);
    z-index: 10
}

#priceDesc a:hover + #priceDescMsg {
    display: block
}

.cont-pop {
    width: 475px;
    height: 240px;
    border-top: 3px solid #ddd;
    border-bottom: 3px solid #ddd;
    -webkit-box-shadow: 0 0 5px rgba(221, 221, 221, 1);
    -moz-box-shadow: 0 0 5px rgba(221, 221, 221, 1);
    box-shadow: 0 0 5px rgba(221, 221, 221, 1);
    background-color: #FFF;
    position: fixed;
    left: 0;
    bottom: 25px;
    z-index: 101
}

.cont-pop .pic {
    float: left;
    width: 160px;
    height: 240px;
    overflow: hidden;
    margin-right: 28px
}

.cont-pop .pic img {
    width: 160px;
    height: 240px
}

.cont-pop .info {
    float: left;
    width: 255px
}

.cont-pop .info h2 {
    font-size: 20px;
    color: #333;
    border-bottom: 1px dashed #ddd;
    line-height: 30px;
    padding: 8px 0;
    margin-top: 18px
}

.cont-pop .info input {
    width: 215px;
    height: 40px;
    border: 2px solid #ddd;
    margin: 18px 0 15px;
    padding: 0 20px;
    font-size: 14px;
    border-radius: 5px
}

.cont-pop .info .pop-btn {
    height: 40px;
    border-radius: 5px;
    background: #ff9d00;
    color: #FFF;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer
}

.cont-pop .close {
    position: absolute;
    right: 10px;
    top: 6px;
    height: 18px;
    line-height: 18px;
    cursor: pointer;
    font-size: 18px;
    color: #9b9091
}

.travalBlock {
    position: fixed;
    left: 0;
    bottom: 220px;
    width: 36px;
    height: 40px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #666;
    padding: 4px;
    border-radius: 2px;
    font-size: 12px;
    cursor: pointer
}

.travalBlock:hover {
    color: #fff;
    background-color: #333
}

.contPopMoveIn {
    -webkit-animation: zoomIn .5s forwards;
    animation: zoomIn .5s forwards;
    -webkit-transform-origin: left top;
    transform-origin: left top
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.contPopMoveOut {
    -webkit-animation: zoomOut .5s forwards;
    animation: zoomOut .5s forwards;
    -webkit-transform-origin: left top;
    transform-origin: left top
}

@keyframes zoomOut {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

body .mfw-toolbar {
    z-index: 101
}

.custom-panel {
    background-color: #f6f6f6;
    height: 50px;
    padding: 10px 0;
    line-height: 50px
}

.custom-panel .price {
    float: left;
    height: 50px;
    padding-left: 20px;
    font-size: 12px;
    color: #999
}

.custom-panel .price em {
    font-style: normal;
    font-size: 20px;
    color: #fb650e
}

.custom-panel .price strong {
    font-size: 30px;
    color: #fb650e;
    font-weight: normal;
    font-family: 'Microsoft Yahei';
    line-height: 50px
}

.custom-panel .soldout {
    margin-left: 30px;
    font-size: 16px;
    color: #999;
    font-weight: normal
}

.custom-panel .btn {
    float: right;
    width: 130px;
    height: 50px;
    background-color: #ff9d00;
    text-align: center;
    color: #fff;
    font-size: 20px
}

.custom-panel .btn:hover {
    text-decoration: none;
    background-color: #ff7000
}

.dingzhi-btn {
    height: 46px;
    line-height: 46px;
    display: block;
    background-color: #ff9d00;
    font-size: 20px;
    color: #fff;
    border-radius: 1px;
    text-align: center
}

.wrapper .new-intro {
    margin-bottom: 30px
}

.new-intro .sales-photo {
    margin-bottom: 30px
}

.new-intro {
    position: relative
}

.new-intro .price-panel {
    margin-bottom: 30px
}

.ticket-info-container {
    margin-bottom: 40px
}

.ticket-info-container table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

.ticket-info-container th {
    font-size: 14px;
    line-height: 14px;
    background-color: #f4f4f4
}

.ticket-info-container thead, .ticket-info-container tbody, .ticket-info-container tfoot {
    border: 1px solid #ddd
}

.ticket-info-container thead {
    border-radius: 5px 5px 0 0
}

.ticket-info-container tfoot {
    border-radius: 0 0 5px 5px
}

.ticket-info-container tr {
    border: 1px dashed #ddd
}

.ticket-info-container tr.last-item {
    border-bottom: 1px solid #ddd
}

.ticket-info-container tr.last-item.info-spread + .info-detail-wrapper {
    border-bottom: 1px solid #ddd
}

.ticket-info-container tfoot > tr.ticket-item {
    border-bottom: 1px solid #ddd
}

.ticket-info-container tr:hover {
    background-color: #f4f4f4
}

.ticket-info-container tr:hover td.ticket-name {
    color: #ff900e;
    cursor: pointer
}

.ticket-info-container tr:hover td.ticket-name i {
    border-top: 5px solid #ff900e
}

.ticket-info-container tr:hover .ticket-type {
    background-color: #fff;
    cursor: default
}

.ticket-info-container .ticket-type:hover ~ td {
    background-color: #fff
}

.ticket-info-container .ticket-type:hover ~ td.ticket-name {
    color: #666
}

.ticket-info-container .ticket-type:hover ~ td.ticket-name i {
    border-top: 5px solid #000
}

.ticket-info-container tr.info-spread .ticket-type:hover ~ td.ticket-name {
    color: #ff900e
}

.ticket-info-container tr.info-spread .ticket-type:hover ~ td.ticket-name i {
    border-top: 5px solid #ff900e
}

.ticket-info-container td {
    font-size: 14px;
    border: 0
}

.ticket-info-container .ticket-type {
    width: 85px
}

.ticket-info-container .ticket-name {
    text-align: left;
    padding: 20px;
    width: 240px
}

.ticket-info-container .ticket-name i {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 5px solid #000;
    position: relative;
    top: 2px;
    left: 5px;
    transition: all .1s linear
}

.ticket-info-container .info-spread .ticket-name i {
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 25%;
    transform-origin: 50% 25%
}

.ticket-info-container .order-time {
    width: 180px;
    padding: 20px;
    text-align: left
}

.ticket-info-container .order-time:not(th) {
    font-size: 12px;
    padding-right: 0
}

.ticket-info-container .ticket-price {
    width: 80px;
    padding: 20px 10px;
    text-align: left
}

.ticket-info-container .discount-info:not(th) {
    text-align: left;
    font-size: 0;
    width: 180px;
    padding: 20px 0 20px 20px
}

th.discount-info {
    text-align: left;
    padding-left: 20px
}

.ticket-info-container .tobuy-btn {
    width: 120px;
    padding: 20px 10px
}

.ticket-info-container .adult-ticket, .ticket-info-container .children-ticket {
    border-right: 1px solid #ddd
}

.ticket-info-container .ticket-price:not(th) {
    color: #ff6f00
}

.discount-info [class^="t-"], .discount-info .prop-tag, .discount-info .t-blue {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    margin-right: 7px;
    color: #fff;
    padding: 0 6px;
    margin-bottom: 5px
}

.discount-info .t-default {
    background-color: #ff9d00
}

.discount-info .t-default.n-discount {
    position: relative;
    cursor: pointer
}

.discount-info .t-default.n-discount .s_popup {
    width: 420px;
    text-align: center;
    left: -180px;
    bottom: -60px;
    color: #000;
    display: none
}

.discount-info .n-discount .s_popup p {
    font-size: 14px;
    height: 50px;
    line-height: 50px
}

.discount-info .n-discount:hover > .s_popup {
    display: block
}

.discount-info .t-blue {
    background-color: #4fa2eb;
    position: relative
}

.discount-info .t-blue.begin .s_popup {
    width: 320px;
    left: -140px;
    border-radius: 5px
}

.discount-info .t-blue.begin img {
    margin-top: 10px
}

.discount-info .s_popup p > .red {
    font-weight: bold;
    color: #ef403f
}

.discount-info .t-blue:hover .s_popup {
    display: block
}

.prop-tag {
    padding: 0 4px;
    background-color: #fa6361;
    position: relative;
    cursor: pointer
}

.discount-info .t-default .s_popup {
    width: 350px;
    left: -140px
}

.prop-tag .s_popup, .t-blue .s_popup {
    position: absolute;
    font-size: 14px;
    color: #000;
    left: -160px;
    top: 24px;
    padding: 14px 20px;
    width: 340px;
    text-align: center;
    white-space: nowrap;
    display: none
}

.prop-tag.get-coupon {
    cursor: pointer
}

.prop-tag:hover .s_popup {
    display: block
}

.tobuy-btn .buybtn {
    display: inline-block;
    width: 76px;
    height: 24px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    border-radius: 3px;
    background-color: #ff900e;
    cursor: pointer
}

.tobuy-btn span.qiang, .tobuy-btn span.bargain {
    background-color: #f52e39
}

.tobuy-btn span.soldout {
    background-color: #ececec;
    color: #8e8e8e
}

.tobuy-btn span.countdown {
    background-color: transparent;
    color: #ff900e;
    box-sizing: border-box;
    border: 1px solid #ff900e
}

.tobuy-btn .countdown-time {
    display: block;
    height: 14px;
    margin-top: 4px;
    color: #ffac3a;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    background-color: transparent
}

.tobuy-btn .countdown-time i {
    content: "";
    display: inline-block;
    width: 11px;
    height: 13px;
    margin-bottom: -2px;
    margin-right: 2px;
    background: url(/images/sales/countdown-timer.png) no-repeat center bottom;
    -webkit-background-size: 11px 14px;
    background-size: 11px 14px
}

.ticket-info-container .info-detail-wrapper {
    border-left: none;
    border-right: 0;
    width: 100%
}

.info-detail-wrapper td {
    padding: 0 30px 30px
}

.info-detail {
    position: relative;
    background-color: #fff3e1;
    padding: 30px;
    border-radius: 5px;
    text-align: left;
    margin-top: 8px
}

.info-detail:after {
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #fff3e1;
    position: absolute;
    left: 20px;
    top: -18px
}

.info-detail h3 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 10px
}

.info-detail h3:first-child {
    margin-top: 0
}

.info-detail p {
    font-size: 12px;
    line-height: 24px
}

.info-detail-wrapper .info-detail {
    display: none
}

.info-spread .ticket-name {
    color: #ff900e
}

.info-spread .ticket-name > i {
    border-top-color: #ff900e
}

.info-spread + .info-detail-wrapper:hover {
    background-color: #fff;
    cursor: default
}

.info-spread + .info-detail-wrapper .info-detail {
    display: block
}

.info-spread + .info-detail-wrapper {
    border-top: 0
}

.ticket-item:not(.info-spread) + .info-detail-wrapper {
    display: none
}

.ticket-info-container .ticket-item.info-spread {
    border-bottom: 0
}

.calender-popup {
    display: none;
    width: 720px;
    padding: 40px 40px 30px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 5px;
    z-index: 999999;
    user-select: none
}

.calender-popup a.close-btn {
    position: absolute;
    top: 10px;
    right: 0;
    width: 36px;
    height: 26px;
    background: url(/images/sales/popctn_bg2.png) no-repeat 0 -280px;
    padding: 0
}

.calender-popup a.close-btn i {
    width: 9px;
    height: 9px;
    background: url(/images/sales/i_cross.gif) no-repeat;
    display: block;
    transition: 1s ease-in-out 0s;
    -moz-transition: 1s ease-in-out 0s;
    -webkit-transition: 1s ease-in-out 0s;
    -o-transition: 1s ease-in-out 0s;
    -webkit-backface-visibility: hidden
}

.calender-popup a.close-btn:hover i {
    -moz-transform: scale(1.1) rotate(360deg);
    -webkit-transform: scale(1.1) rotate(360deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -moz-transition: 1s ease-in-out 0s;
    -webkit-transition: 1s ease-in-out 0s
}

.calender-popup a.close-btn i {
    margin: 2px;
    width: 22px;
    height: 22px;
    background: url(/images/sales/popctn_bg2.png) no-repeat -40px -280px;
    overflow: hidden
}

.pop-place li {
    font-size: 14px
}

.pop-place li i.i-location {
    float: left;
    margin: 2px 0 0 -30px;
    width: 16px;
    height: 16px;
    background: url(/images/sales/location.png) no-repeat center;
    background-size: 13px 15px;
    overflow: hidden
}

.pop-place li .i-map em {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/images/sales/location-active.png) no-repeat center;
    background-size: 13px 15px;
    margin-bottom: -3px;
    margin-right: 5px
}

.pop-place li .i-map {
    display: inline-block;
    margin-left: 5px
}

.pop-place li i.i-opentime {
    background-position: -120px -20px
}

.calender-popup.show {
    display: block
}

.calender-popup.show ~ .popup-mask {
    display: block
}

.calender-popup .popup-left {
    float: left;
    width: 440px
}

.calender-popup .cal-month .tab-arrow {
    border-color: #eaeaea
}

.calender-popup .cal-tab li {
    margin-right: 35px
}

.calender-popup .cal-tab li:last-child {
    margin-right: 0
}

.calender-popup .popup-right {
    float: left;
    width: 260px;
    margin-left: 20px
}

.popup-right .ticket-tit {
    font-size: 16px;
    line-height: 32px
}

.popup-right .property-panel {
    position: absolute;
    bottom: 100px;
    margin-bottom: 0;
    margin-left: -5px;
    height: 52px
}

.popup-right .property-panel .label {
    float: left;
    width: 70px;
    padding-left: 5px;
    color: #999
}

.popup-right .property-panel dl {
    margin: 0
}

.popup-right .property-panel dl.n-discount {
    color: #ff7000;
    font-size: 12px;
    padding-left: 5px
}

.popup-right .property-panel dd {
    width: auto
}

.calender-popup .property-panel .left-num {
    font-size: 12px;
    line-height: 28px
}

.popup-right .btn-group {
    height: 50px;
    width: 260px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    bottom: 40px;
    right: 40px
}

.calender-popup .btn-group .price-btn {
    float: left;
    width: 120px;
    height: 50px;
    font-size: 14px;
    color: #ff5f0c;
    background-color: #f4f4f4;
    padding-left: 10px;
    text-align: left
}

.calender-popup .btn-group .price-btn em {
    font-style: normal;
    padding-right: 5px
}

.calender-popup .btn-group .price-btn span {
    font-size: 22px
}

.calender-popup .btn-group .buy-btn {
    float: left;
    width: 130px;
    height: 50px;
    font-size: 0;
    color: #fff;
    background-color: #ff5f0c;
    cursor: pointer
}

.calender-popup .buy-btn a {
    display: none;
    font-size: 18px
}

.calender-popup .buy-btn .buy-now-btn:hover {
    background-color: #ff5f0c
}

.calender-popup .bargain a:not(.i-tips) {
    display: inline-block;
    width: 65px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-decoration: none
}

.buy-btn.bargain a.buyonly {
    background-color: #ff900f
}

.buy-btn.bargain a.buyonly:hover {
    background-color: #ff5f0c
}

.calender-popup .buy-btn.bargain a.buy-now-btn {
    display: none
}

.calender-popup .buy-btn.bargain a.bargain-btn {
    background-color: #c33b1e
}

.calender-popup .bargain .i-tips {
    width: 24px;
    height: 24px;
    display: block;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -50px -185px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1000000
}

.calender-popup .bargain .i-tips:hover .tipspop {
    display: block
}

.calender-popup .tipspop {
    width: 280px;
    height: 360px;
    padding: 20px;
    font-size: 14px;
    color: #333;
    text-align: left;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    position: absolute;
    top: -410px;
    right: -14px;
    box-shadow: 0 0 7px rgba(213, 213, 213, .7);
    z-index: 1000000;
    font-size: 14px;
    line-height: 1.6em;
    display: none
}

.calender-popup .tipspop .i-arrow {
    position: absolute;
    bottom: -7px;
    right: 20px;
    width: 11px;
    height: 7px;
    background: url(/images/sales/detail-v4-sprites11.png) no-repeat -60px -28px;
    overflow: hidden
}

.calender-popup .tipspop .title {
    font-size: 16px;
    color: #ff9d00;
    padding: 0 0 8px 0
}

.calender-popup .buy-btn a.buy-now-btn {
    display: block;
    width: 130px;
    color: #fff;
    text-decoration: none
}

.popup-mask {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99990;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7)
}

.ui-selProp li .prop-tag {
    margin-left: 0;
    margin-right: 4px
}

.ui-selProp li .prop-tag:first-child {
    margin-left: -7px
}

.cal-day li .zao {
    width: 14px;
    height: 14px;
    background-color: #fa6360;
    position: absolute;
    left: 1px;
    top: 1px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 14px;
    border-bottom-right-radius: 5px
}

.cal-day li.on .zao {
    color: #ff9d00;
    background-color: #fff
}

.cal-day .list li .tips_popup {
    display: none;
    padding: 15px;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 7px rgba(213, 213, 213, .7);
    white-space: nowrap;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 101
}

.cal-day .list li:hover .tips_popup {
    display: block
}

.cal-day .list li .tips_popup span {
    color: #f04040;
    font-weight: bold
}

.cal-day .list li .tips_popup:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -8px;
    border-bottom: 7px dashed #e5e5e5;
    border-left: 7px dashed transparent;
    border-right: 7px dashed transparent;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.cal-day .list li .tips_popup:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -7px;
    border-bottom: 7px solid #fff;
    border-left: 7px dashed transparent;
    border-right: 7px dashed transparent;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.cal-day .list li:nth-child(7n-1) .tips_popup {
    left: auto;
    right: -40px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.cal-day .list li:nth-child(7n-1) .tips_popup:before, .cal-day .list li:nth-child(7n-1) .tips_popup:after {
    left: auto;
    right: 60px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.cal-day .list li:nth-child(7n) .tips_popup {
    left: auto;
    right: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.cal-day .list li:nth-child(7n) .tips_popup:before, .cal-day .list li:nth-child(7n) .tips_popup:after {
    left: auto;
    right: 21px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.cal-day .list li:nth-child(7n+1) .tips_popup {
    left: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.cal-day .list li:nth-child(7n+1) .tips_popup:before, .cal-day .list li:nth-child(7n+1) .tips_popup:after {
    left: 21px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.cal-day .list li:nth-child(7n+2) .tips_popup {
    left: -40px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.cal-day .list li:nth-child(7n+2) .tips_popup:before, .cal-day .list li:nth-child(7n+2) .tips_popup:after {
    left: 60px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.sales-intro .info-panel .t-zao {
    background-color: #f04040;
    position: relative
}

.sales-intro .info-panel .t-zao .tips_popup {
    display: none;
    font-size: 14px;
    color: #474747;
    padding: 15px;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 7px rgba(213, 213, 213, .7);
    white-space: nowrap;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 101
}

.sales-intro .info-panel .t-zao:hover .tips_popup {
    display: block
}

.sales-intro .info-panel .t-zao .tips_popup span {
    color: #f04040;
    font-weight: bold
}

.sales-intro .info-panel .t-zao .tips_popup:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -8px;
    border-bottom: 7px dashed #e5e5e5;
    border-left: 7px dashed transparent;
    border-right: 7px dashed transparent;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.sales-intro .info-panel .t-zao .tips_popup:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -7px;
    border-bottom: 7px solid #fff;
    border-left: 7px dashed transparent;
    border-right: 7px dashed transparent;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.sales-intro .info-panel .t-n-off {
    background-color: #f04040;
    position: relative
}

.sales-intro .info-panel .t-n-off .tips_popup {
    display: none;
    font-size: 14px;
    color: #474747;
    padding: 15px;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 7px rgba(213, 213, 213, .7);
    white-space: nowrap;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 101
}

.sales-intro .info-panel .t-n-off:hover .tips_popup {
    display: block
}

.sales-intro .info-panel .t-n-off .tips_popup span {
    color: #f04040;
    font-weight: bold
}

.sales-intro .info-panel .t-n-off .tips_popup:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -8px;
    border-bottom: 7px dashed #e5e5e5;
    border-left: 7px dashed transparent;
    border-right: 7px dashed transparent;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.sales-intro .info-panel .t-n-off .tips_popup:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -7px;
    border-bottom: 7px solid #fff;
    border-left: 7px dashed transparent;
    border-right: 7px dashed transparent;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.action-panel .total .early {
    margin: 0 3px;
    font-size: 14px;
    color: #ff6f00
}

.sales-title .self-operated-icon {
    border: 1px solid #ffdb26;
    color: #474747;
    background: #ffdb26;
    display: inline-block;
    float: left;
    margin-right: 10px;
    line-height: 18px;
    padding: 0 6px;
    margin-top: 5px
}

.sales-title .shop-icon {
    border: 1px solid #80aaff;
    color: #fff;
    display: inline-block;
    float: left;
    margin-right: 10px;
    line-height: 18px;
    padding: 0 6px;
    background: #80aaff;
    margin-top: 5px
}

.self-license {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/images/sales/shop-collection/css_sprites.png) no-repeat;
    background-size: 154px 107px;
    background-position: -4px -80px;
    margin-left: 6px
}

.visa-v2 {
    margin-left: 12px
}

.visa-v2 .visa-v2-sku li {
    font-size: 11px;
    color: #717376;
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 15px;
    font-family: PingFangSC-Light;
    font-weight: 300;
    position: relative;
    background-color: #f6f7f9;
    border-radius: 4px;
    padding: 6px 8px
}

.visa-v2 .visa-v2-sku li span:nth-child(1) {
    font-size: 16px;
    margin-right: 2px;
    color: rgba(36, 38, 41, 1);
    font-family: PingFangSC-Light;
    font-weight: 300
}

.visa-v2 .visa-v2-sku li.cur span:nth-child(1) {
    font-weight: 600;
    color: rgba(36, 38, 41, 1);
    font-family: PingFangSC-Semibold
}

.visa-v2 .visa-v2-sku li.cur {
    background-color: #ffdb26
}

.visa-v2 .visa-v2-sku li i {
    margin: 0 1px 0 2px;
    font-size: 11px;
    font-family: DIN-Bold;
    font-weight: bold;
    color: rgba(36, 38, 41, 1);
    line-height: 9px;
    font-style: normal
}

.visa-v2 .visa-v2-sku li span:nth-child(3) {
    font-size: 16px;
    font-family: DIN-Bold;
    font-weight: bold;
    color: rgba(36, 38, 41, 1);
    line-height: 14px;
    margin-right: 1px
}

.visa-v2 .visa-v2-hr {
    width: 615px;
    height: 1px;
    box-shadow: 0 1px 0 0 rgba(227, 229, 232, 1)
}

.visa-v2 .visa-v2-resource {
    margin: 12px 0
}

.visa-v2 .visa-v2-resource li {
    width: 80px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid rgba(227, 229, 232, 1);
    margin-right: 9px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(36, 38, 41, 1);
    line-height: 32px;
    display: inline-block;
    text-align: center
}

.visa-v2 .visa-v2-resource li.cur {
    font-weight: 600;
    background: rgba(255, 219, 38, 0.3);
    border: 1px solid rgba(255, 219, 38, 1)
}

.visa-v2 .visa-v2-list table {
    border-collapse: collapse
}

.visa-v2 .visa-v2-list tr td {
    border: 1px solid rgba(227, 229, 232, 1);
    height: 75px;
    font-size: 14px;
    font-family: PingFangSC-Regular
}

.visa-v2 .visa-v2-list tr td:nth-child(1) {
    width: 148px;
    padding-left: 12px
}

.visa-v2 .visa-v2-list tr td:nth-child(1) i {
    height: 16px;
    background: rgba(255, 231, 229, 1);
    border-radius: 2px;
    font-size: 11px;
    font-weight: 400;
    color: rgba(255, 91, 77, 1);
    line-height: 16px;
    font-style: normal;
    text-align: center;
    padding: 0 4px
}

.visa-v2 .visa-v2-list tr td:nth-child(2) {
    width: 75px;
    text-align: center
}

.visa-v2 .visa-v2-list tr td:nth-child(3) {
    width: 315px;
    padding-left: 12px
}

.visa-v2 .visa-v2-list tr td:nth-child(4) {
    width: 80px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    text-align: center
}

.visa-v2 .visa-v2-list tr td:nth-child(4) a {
    color: rgba(64, 143, 255, 1)
}

.visa-v2 li {
    cursor: pointer
}

.icon-service:before {
    content: "" !important
}

.sales-intro .info-panel .t-gold {
    background: linear-gradient(135deg, rgba(255, 226, 76, 1) 0, rgba(255, 219, 38, 1) 100%);
    color: #b37012
}

.app-fav-pop {
    width: 420px;
    height: 228px;
    display: none;
    background: #fff;
    text-align: center
}

.app-fav-pop .pop-title {
    font-size: 18px;
    line-height: 18px;
    color: #333;
    margin-top: 34px
}

.app-fav-pop .pop-text {
    font-size: 14px;
    line-height: 14px;
    color: #666;
    margin-top: 12px;
    margin-bottom: 18px
}

.app-fav-pop .qr-code {
    width: 106px;
    height: 106px;
    display: inline-block;
    margin: 0 auto;
    background: url(https://b3-q.mafengwo.net/s13/M00/DA/F3/wKgEaVy5fe-AKtQxAAATSPE3q7Q826.png) center no-repeat;
    background-size: 106px 106px
}

.app-fav-pop .code-name {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    margin-top: 5px;
    text-align: center;
    color: #ff9d00
}

@font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1557988329591');
    src: url('iconfont.eot?t=1557988329591#iefix') format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('iconfont.woff?t=1557988329591') format('woff'), url('iconfont.ttf?t=1557988329591') format('truetype'), url('iconfont.svg?t=1557988329591#iconfont') format('svg')
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-point:before {
    content: "\e687"
}

.icon-select:before {
    content: "\e689"
}

.icon-arrow-left:before {
    content: "\e6a9"
}

.icon-pin-line:before {
    content: "\e6ac"
}

.icon-star:before {
    content: "\e6b2"
}

.icon-star-line:before {
    content: "\e6b3"
}

.icon-service:before {
    content: "\e6b5"
}

.icon-add:before {
    content: "\e6b9"
}

.icon-warn:before {
    content: "\e6bf"
}

.icon-arrow-bottom:before {
    content: "\e6c2"
}

.icon-pin:before {
    content: "\e6c3"
}

.icon-store:before {
    content: "\e6c7"
}

.icon-unfold:before {
    content: "\e6c9"
}

.icon-backtotop:before {
    content: "\e6ce"
}

.icon-close:before {
    content: "\e6ca"
}

.icon-share:before {
    content: "\e6cb"
}

.icon-menu:before {
    content: "\e6cc"
}

.icon-minus:before {
    content: "\e6cd"
}

.icon-confirm:before {
    content: "\e616"
}

.icon-question:before {
    content: "\e617"
}

.icon-arrow-right:before {
    content: "\e7be"
}

.icon-tip:before {
    content: "\e66d"
}

.icon-airplane:before {
    content: "\e625"
}

.icon-car:before {
    content: "\e626"
}

.icon-bus:before {
    content: "\e627"
}

.icon-other:before {
    content: "\e628"
}

.icon-gtrain:before {
    content: "\e629"
}

.icon-ship:before {
    content: "\e62a"
}

.icon-leg:before {
    content: "\e62b"
}

.icon-train:before {
    content: "\e7bf"
}

.icon-question-line:before {
    content: "\e674"
}

.icon-parking:before {
    content: "\e66c"
}

.icon-luggage:before {
    content: "\e66e"
}

.icon-elevator:before {
    content: "\e66f"
}

.icon-chinese:before {
    content: "\e670"
}

.icon-pickup:before {
    content: "\e671"
}

.icon-reception:before {
    content: "\e672"
}

.icon-restaurant:before {
    content: "\e673"
}

.icon-tel:before {
    content: '' !important
}

.mfweditor-toolbar {
    height: 26px;
    padding: 4px 5px;
    background-color: #e5e5e5;
    color: #999;
    font-size: 12px;
    font-family: '\5b8b\4f53';
    white-space: nowrap
}

.mfweditor-toolbar-tip {
    float: right;
    height: 26px;
    padding-right: 10px;
    line-height: 27px;
    color: #999;
    overflow: hidden
}

.mfweditor-toolbar-group {
    float: left;
    margin-right: 5px;
    border: 1px solid #e4e2e2
}

.mfweditor-toolbar-group li {
    float: left;
    height: 16px;
    padding: 3px 5px 3px 24px;
    border: 1px solid #fff;
    border-right: 0 none;
    background: #f7f7f7 url(/images/editor_bg3.gif) no-repeat;
    color: #999;
    line-height: 17px;
    cursor: pointer
}

.mfweditor-toolbar-group li:hover, mfweditor-toolbar-group li.active {
    background-color: #ffa800;
    border-color: #ffa800;
    color: #fff;
    text-decoration: none
}

.mfweditor-toolbar-group li.t-image {
    background-position: 5px 4px
}

.mfweditor-toolbar-group li.t-wengImage {
    background-position: 4px -204px
}

.mfweditor-toolbar-group li.t-video {
    background-position: 5px -22px
}

.mfweditor-toolbar-group li.t-link {
    background-position: 5px -48px
}

.mfweditor-toolbar-group li.t-emotion {
    background-position: 5px -74px
}

.mfweditor-toolbar-group li.t-callname {
    background-position: 5px -100px
}

.mfweditor-toolbar-group li.t-save {
    background-position: 5px -126px
}

.mfweditor-toolbar-group li.t-clear {
    background-position: 5px -152px
}

.mfweditor-wrap {
    border: 3px solid #e5e5e5;
    border-top: 0 none
}

.mfweditor-shade {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #000;
    filter: alpha(opacity=30);
    opacity: .3;
    _position: absolute
}

.mfweditor-pop {
    border-right: 1px solid #c5c4ba;
    border-bottom: 1px solid #c5c4ba;
    background-color: #fff
}

.mfweditor-pop .d-tit {
    height: 30px;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    font-weight: 700
}

.mfweditor-pop .d-cont {
    border: 1px solid #dad9cf;
    padding: 18px 12px 6px;
    position: relative;
    *zoom: 1
}

.mfweditor-pop .d-tit span {
    padding-left: 20px;
    font-weight: normal;
    font-size: 12px
}

.mfweditor-pop .d-emotion {
    width: 380px
}

.mfweditor-pop .d-emotion ul {
    overflow: hidden;
    zoom: 1
}

.mfweditor-pop .d-emotion li {
    display: inline;
    float: left;
    margin: 0 2px 2px 0;
    width: 25px;
    height: 25px;
    padding-top: 4px;
    border: 1px solid #ccc;
    background-color: #f7f7f7;
    text-align: center;
    cursor: pointer
}

.mfweditor-pop .d-emotion li:hover {
    border-color: #eda000
}

.mfweditor-pop .d-callname .d-input input {
    width: 100px;
    border: 0 none
}

.mfweditor-pop .d-image {
    width: 614px;
    height: 400px
}

.mfweditor-pop .d-preview {
    width: 600px;
    height: 399px;
    padding: 10px;
    position: absolute;
    background-color: #939393;
    left: 10px;
    top: 20px
}

.mfweditor-pop .d-preview div {
    width: 600px;
    height: 399px;
    overflow: hidden;
    position: relative
}

.mfweditor-pop .d-preview div a {
    width: 180px;
    height: 66px;
    display: block;
    position: absolute;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 30px;
    line-height: 66px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    left: 210px;
    top: 166px
}

.mfweditor-pop .d-preview div a:hover {
    text-decoration: none
}

.mfweditor-pop .d-label {
    padding-bottom: 5px;
    color: #666
}

.mfweditor-pop .d-input {
    padding-bottom: 5px
}

.mfweditor-pop .d-input input {
    height: 18px;
    width: 310px;
    border: 1px solid gray;
    padding: 2px;
    color: #333;
    line-height: 18px
}

.mfweditor-pop .d-action {
    margin-top: 10px;
    padding: 10px 0 5px;
    border-top: 1px solid #dedede
}

.mfweditor-pop .d-action input {
    margin-right: 5px;
    height: 28px;
    padding: 2px 8px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    line-height: 20px;
    font-family: 'Microsoft Yahei'
}

.mfweditor-pop .d-action .d-submit {
    background-color: #eea800;
    border-color: #f8d794;
    color: #fff
}

.mfweditor-pop .d-action .d-submit:hover {
    background-color: #df9c11
}

.mfweditor-pop .d-action .d-cancel {
    background-color: #e5e5e5;
    border-color: #e2e2e2;
    color: #333
}

.mfweditor-pop .d-action .d-cancel:hover {
    background-color: #ddd
}

.mfweditor-pop .d-close {
    display: block;
    width: 7px;
    height: 7px;
    background: url(/images/editor_bg3.gif) no-repeat -2px -185px;
    overflow: hidden;
    position: absolute;
    right: 17px;
    top: 12px;
    cursor: pointer
}

.mfweditor-pop .d-album {
    width: 611px;
    height: 345px;
    border: 1px solid #e1e1e1;
    overflow-x: hidden;
    position: relative
}

.mfweditor-pop .d-album ul {
    margin: 20px 10px 20px 14px;
    *zoom: 1
}

.mfweditor-pop .d-album ul:after {
    content: '\20';
    clear: both;
    display: table;
    overflow: hidden
}

.mfweditor-pop .d-album li {
    display: inline;
    float: left;
    margin: 0 0 10px 10px;
    border: 1px solid #efefef;
    padding: 1px;
    width: 81px;
    height: 81px;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.mfweditor-pop .d-album li:hover {
    border-color: #ffa800
}

.mfweditor-pop .d-album label {
    display: block;
    cursor: pointer
}

.mfweditor-pop .d-album input {
    width: 13px;
    height: 13px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 7px;
    right: 6px
}

.mfweditor-pop .d-album .d-loading {
    margin: -10px 0 15px;
    text-align: center;
    color: #666
}

.mfweditor-pop .d-album .d-loading span {
    padding-left: 25px;
    background: url(/images/d-loading.gif) no-repeat left center
}

.mfweditor-pop .d-album-action {
    margin-top: 15px;
    color: #828282;
    line-height: 26px
}

.mfweditor-pop .d-album-action label {
    margin: 0 10px;
    cursor: pointer
}

.mfweditor-pop .d-album-action input {
    width: 13px;
    height: 13px;
    margin: 0 5px 0 0;
    padding: 0;
    vertical-align: -1px;
    *vertical-align: middle
}

.mfweditor-pop .d-btn-blue, .mfweditor-pop .d-btn-gray, .mfweditor-pop .d-btn-disabled {
    margin-left: 8px;
    display: inline-block;
    height: 27px;
    padding-left: 12px;
    background: url(/images/editor_bg3.gif) no-repeat 0 -242px;
    line-height: 26px;
    color: #fff;
    font-weight: bold;
    cursor: pointer
}

.mfweditor-pop .d-btn-blue:hover, .mfweditor-pop .d-btn-gray:hover {
    text-decoration: none
}

.mfweditor-pop .d-btn-blue span, .mfweditor-pop .d-btn-gray span, .mfweditor-pop .d-btn-disabled span {
    display: inline-block;
    height: 27px;
    padding-right: 12px;
    background: url(/images/editor_bg3.gif) no-repeat right -242px
}

.mfweditor-pop .d-btn-gray {
    background-position: 0 -271px;
    color: #434343;
    font-weight: normal
}

.mfweditor-pop .d-btn-gray span {
    background-position: right -271px
}

.mfweditor-pop .d-btn-disabled {
    background-position: 0 -300px;
    color: #9d9d9c;
    font-weight: normal;
    cursor: default
}

.mfweditor-pop .d-btn-disabled span {
    background-position: right -300px
}

.mfweditor-pop .d-operate {
    float: right
}

.mfweditor-pop .d-operate .d-btn-blue {
    padding-left: 25px
}

.mfweditor-pop .d-operate .d-btn-blue span {
    padding-right: 25px
}

.mfweditor-pop .d-watermark {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -120px 0 0 -217px;
    width: 410px;
    padding: 10px;
    height: 232px;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    color: #666
}

.mfweditor-pop .d-watermark h3 {
    margin-bottom: 10px;
    padding: 0 5px 10px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    line-height: 20px
}

.mfweditor-pop .d-watermark dl {
    margin: 0 0 15px 8px;
    overflow: hidden;
    *zoom: 1;
    color: #2a2f2b;
    line-height: 20px
}

.mfweditor-pop .d-watermark dt {
    float: left
}

.mfweditor-pop .d-watermark dd {
    margin-left: 95px
}

.mfweditor-pop .d-watermark label {
    float: left;
    width: 98px;
    height: 20px;
    padding-bottom: 12px;
    display: inline-block;
    cursor: pointer
}

.mfweditor-pop .d-watermark input {
    width: 13px;
    height: 13px;
    margin: 0 5px 0 0;
    padding: 0;
    vertical-align: -2px;
    *vertical-align: middle
}

.mfweditor-pop .d-watermark div {
    margin: 0 5px;
    text-align: right
}

.mfweditor-pop .d-i-pview {
    float: left;
    margin: 6px 4px 0 -4px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/images/editor_bg3.gif) no-repeat -136px 0;
    overflow: hidden
}

.pop-addp {
    width: 950px;
    margin: -260px 0 0 -475px;
    overflow: visible
}

.pop-addp .hd {
    padding: 15px 0 14px 30px !important;
    border-bottom: 1px solid #eeede8;
    background-color: #f4f3f0;
    text-align: left;
    color: #666
}

.pop-addp .bd {
    background-color: #fff
}

.pop-addp .step1 {
    height: 434px
}

.pop-addp .step2 .step1-bg {
    display: none
}

.pop-addp .step2 .uploadbtn {
    position: absolute;
    top: 374px;
    left: 765px;
    z-index: 12
}

.pop-addp .step2 .uploadbtn .flash {
    width: 65px;
    height: 17px;
    position: absolute;
    top: 24px;
    left: 0
}

.pop-addp .step2 .uploadbtn span {
    display: none
}

.pop-addp .step2 .moxie-shim-flash, .pop-addp .step2 .moxie-shim-html4 {
    position: absolute;
    top: 374px;
    left: 765px;
    z-index: 18
}

.pop-addp .step1 .moxie-shim-flash, .pop-addp .step1 .moxie-shim-html4 {
    z-index: 18
}

.pop-addp .step1 .moxie-shim-html5 {
    z-index: 18
}

.pop-addp .step2 .moxie-shim-html5 {
    z-index: 18
}

.pop-addp .step1 .step1-bg {
    width: 940px;
    height: 184px;
    background: #fff url(/images/post/step1_bg.gif) 0 0 no-repeat;
    text-align: center;
    position: absolute;
    padding: 240px 0 0 10px;
    z-index: 11;
    display: block
}

.pop-addp .step1 .uploadbtn {
    position: absolute;
    top: 194px;
    left: 390px;
    z-index: 12
}

.pop-addp .step1 .uploadbtn .flash {
    width: 170px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0
}

.pop-addp .step1 .uploadbtn span {
    padding: 0 25px 0 65px;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    background: #ffa800 url(/images/post/addp_sprites4.png) 24px 13px no-repeat;
    _background: #ffa800 url(../images/addp_sprites.gif) 24px 13px no-repeat;
    border-radius: 5px;
    display: inline-block
}

.pop-addp .tips {
    padding-top: 25px;
    color: #999;
    font-size: 14px;
    text-align: center;
    display: block
}

.pop-addp .step2 {
    height: 434px;
    background-color: #fff
}

.pop-addp .hd-bar {
    padding: 20px 0 0 30px;
    *height: 47px;
    *overflow: hidden
}

.pop-addp .upload-num {
    font-size: 12px;
    color: #666;
    float: left
}

.pop-addp .upload-num strong {
    font-size: 18px;
    font-weight: normal
}

.pop-addp .upload-num .orange {
    color: #ffa800
}

.pop-addp .photo-sort {
    margin-left: 42px;
    color: #666;
    float: left;
    padding-top: 5px
}

.pop-addp .photo-sort a {
    color: #3f200f;
    margin-right: 16px
}

.pop-addp .photo-sort i.up {
    width: 7px;
    height: 10px;
    display: inline-block;
    background: url(/images/post/addp_sprites4.png) 0 -40px no-repeat;
    _background: url(/images/post/addp_sprites.gif) 0 -40px no-repeat;
    margin-left: 5px
}

.pop-addp .photo-sort i.down {
    width: 7px;
    height: 10px;
    display: inline-block;
    background: url(/images/post/addp_sprites4.png) -7px -40px no-repeat;
    _background: url(/images/post/addp_sprites.gif) -7px -40px no-repeat;
    margin-left: 5px
}

.pop-addp .photo-sort a.disable {
    color: #ccc;
    margin-right: 16px;
    cursor: auto
}

.pop-addp .photo-sort a.disable:hover {
    text-decoration: none
}

.pop-addp .photo-sort a.disable i.up {
    background-position: -14px -40px
}

.pop-addp .photo-sort a.disable i.down {
    background-position: -21px -40px
}

.pop-addp .upload-rates {
    width: 190px;
    height: 10px;
    background-color: #eff0eb;
    float: left;
    margin: 9px 0 0 10px;
    border-radius: 5px;
    overflow: hidden;
    text-align: left
}

.pop-addp .upload-rates .process {
    height: 10px;
    background-color: #c8dd81
}

.pop-addp .op-info {
    clear: both;
    font-size: 12px;
    color: #f00;
    text-align: left;
    height: 16px;
    padding: 0 0 8px;
    display: block
}

.pop-addp .photo-panel {
    clear: both;
    position: relative;
    height: 342px;
    overflow: hidden
}

.pop-addp .photo-list {
    padding: 0 0 0 30px;
    width: 885px;
    overflow: hidden;
    float: left
}

.pop-addp .photo-list ul {
    width: 880px;
    height: 332px;
    padding: 10px 0 0 0;
    overflow: hidden;
    padding-bottom: 40px
}

.pop-addp .photo-list li {
    width: 80px;
    height: 105px;
    margin: 0 30px 15px 0;
    float: left;
    position: relative;
    overflow: hidden
}

.pop-addp .photo-list li p.p_loading {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: .4;
    filter: alpha(opacity=40);
    z-index: 22
}

.pop-addp .photo-list dl {
    width: 100%;
    height: 100%;
    position: absolute;
    font-family: georgia;
    z-index: 10;
    left: 0;
    top: 0
}

.pop-addp .photo-list li a.close {
    width: 15px;
    height: 15px;
    display: block;
    background: url(/images/post/addp_sprites4.png) 0 -345px no-repeat;
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 25
}

.pop-addp .photo-list li a.close:hover {
    background-position: 0 -360px
}

.pop-addp .photo-list dl span {
    display: none
}

.pop-addp .photo-list dl.loading {
    color: #999;
    border: 1px solid #e5e5e5;
    text-align: center;
    height: 80px;
    overflow: hidden
}

.pop-addp .photo-list dl.loading span {
    display: inline
}

.pop-addp .photo-list dl.loading .slider {
    display: inline-block;
    width: 40px;
    height: 4px;
    font-size: 0;
    background-color: #e4e4e4;
    text-align: left;
    margin-bottom: 4px
}

.pop-addp .photo-list dl.loading .slider-bg {
    display: inline-block;
    height: 4px;
    font-size: 0;
    background-color: #ffa800
}

.pop-addp .photo-list dt {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: relative
}


.pop-addp .photo-list dt .p-edit a.rotate-l {
    background-position: 9px -145px
}

.pop-addp .photo-list dt .p-edit a.rotate-r {
    width: 28px;
    background-position: 8px -165px
}

.pop-addp .photo-list dt .p-edit a.del {
    background-position: 6px -191px
}

.pop-addp .photo-list dt:hover .p-edit {
    display: block
}

.pop-addp .photo-list dt .err-tip {
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 56px;
    padding: 0 5px;
    width: 70px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #F00
}

.pop-addp .photo-list dt .upload-rate {
    width: 80px;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    filter: alpha(opacity=60);
    position: absolute;
    top: 0;
    left: 0
}

.pop-addp .photo-list dd {
    width: 80px;
    position: absolute;
    bottom: 0;
    left: 0
}

.pop-addp .photo-list dd .textarea {
    width: 78px;
    border: 1px solid #e5e5e5;
    color: #999;
    background: #fff;
    line-height: 20px;
    min-height: 20px
}

.pop-addp .photo-panel .scroll-panel {
    width: 13px;
    height: 342px;
    background-color: #e9e8e6;
    float: left;
    position: relative;
    z-index: 1;
    margin: 20px 0
}

.pop-addp .photo-panel .scroll-panel a.up {
    width: 13px;
    height: 20px;
    background: #e9e8e6 url(/images/post/addp_sprites4.png) 2px -112px no-repeat;
    _background: #e9e8e6 url(/images/post/addp_sprites.gif) 2px -112px no-repeat;
    border-radius: 6px 6px 0 0;
    position: absolute;
    top: -20px;
    display: block
}

.pop-addp .photo-panel .scroll-panel a.down {
    width: 13px;
    height: 20px;
    background: #e9e8e6 url(/images/post/addp_sprites4.png) -21px -112px no-repeat;
    _background: #e9e8e6 url(/images/post/addp_sprites.gif) 2px -112px no-repeat;
    position: absolute;
    bottom: -20px;
    display: block
}

.pop-addp .photo-panel .scroll-panel .handle {
    width: 22px;
    height: 22px;
    display: block;
    background: url(/images/post/addp_sprites4.png) 0 -80px no-repeat;
    _background: url(/images/post/addp_sprites.gif) 0 -80px no-repeat;
    position: absolute;
    left: -5px
}

.pop-addp .photo-bar {
    width: 100%;
    height: 54px;
    border-top: 1px solid #eeede8;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    text-align: left
}

.pop-addp .photo-bar .album-name {
    width: 60px;
    padding: 15px 0 0 30px;
    font-size: 12px;
    color: #666;
    float: left;
    line-height: 24px
}

.pop-addp .photo-bar .name-box {
    margin-top: 15px;
    width: 160px;
    height: 22px;
    padding: 0 6px;
    border: 1px solid #a6a6a6;
    color: #999;
    background: #fff;
    line-height: 22px;
    border-radius: 2px;
    float: left;
    position: relative
}

.pop-addp .photo-bar a.list-on {
    width: 30px;
    height: 22px;
    display: block;
    background: url(/images/post/addp_sprites4.png) -10px -110px no-repeat;
    _background: url(/images/post/addp_sprites.gif) -10px -110px no-repeat;
    position: absolute;
    top: 15px;
    left: 233px
}

.pop-addp .photo-bar .drop-list {
    width: 172px;
    border: 1px solid #eeede8;
    background-color: #fff;
    border-top: 0;
    position: absolute;
    left: 90px;
    top: 39px
}

.pop-addp .photo-bar .drop-list a {
    display: block;
    border-bottom: 1px solid #eeede8;
    line-height: 26px;
    color: #999;
    padding: 0 6px
}

.pop-addp .photo-bar .drop-list a:hover {
    background-color: #eeede8;
    text-decoration: none
}

.pop-addp .photo-bar .drop-list a:last-child {
    border: 0
}

.photo-bar .water-mark {
    display: block;
    float: left;
    height: 20px;
    margin: 18px 90px 0 30px;
    font-size: 14px;
    color: #666
}

.photo-bar .switch {
    display: inline-block;
    margin: 0 0 0 5px;
    width: 28px;
    height: 14px;
    background-color: #96c79b;
    border-radius: 14px;
    transition: background-color .1s ease-out .3s;
    -webkit-transition: background-color .1s ease-out .3s;
    cursor: pointer;
    position: relative;
    vertical-align: -2px;
    *vertical-align: middle
}

.photo-bar .switch i {
    width: 12px;
    height: 12px;
    background-color: #fff;
    position: absolute;
    top: 1px;
    left: 15px;
    border-radius: 12px;
    transition: left .3s ease-out 0s;
    -webkit-transition: left .3s ease-out 0s
}

.photo-bar .switch.off {
    background-color: #ccc
}

.photo-bar .switch.off i {
    left: 1px
}

.photo-bar .btn-setwmk {
    display: inline-block;
    margin-left: 5px;
    width: 17px;
    height: 17px;
    background: url(/images/setwmk-icon.png) no-repeat 0 0;
    overflow: hidden;
    vertical-align: -3px;
    *vertical-align: middle
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .photo-bar .btn-setwmk {
        background-position: -10px 0;
        background-size: 30px
    }
}

.pop-addp .photo-bar .add-more-photo {
    width: 65px;
    float: right;
    padding-top: 19px
}

.pop-addp .photo-bar .add-more-photo a {
    display: block;
    color: #ff8a00
}

.pop-addp .photo-bar .add-more-photo i {
    width: 11px;
    height: 11px;
    background: url(/images/post/addp_sprites4.png) 0 -60px no-repeat;
    _background: url(/images/post/addp_sprites.gif) 0 -60px no-repeat;
    display: inline-block;
    margin: 0 5px 0 0
}

.pop-addp .photo-bar .add-more-photo a.disabled {
    color: #999
}

.pop-addp .photo-bar .add-more-photo a.disabled i {
    background-position: -11px -60px
}

.pop-addp .photo-bar a.sub-btn {
    line-height: 34px;
    padding: 0 16px;
    display: inline-block;
    background: #ffa800;
    font-size: 14px;
    color: #fff;
    float: right;
    border-radius: 4px;
    margin: 10px 16px 0 16px
}

.pop-addp .photo-bar a.sub-btn:hover {
    text-decoration: none;
    background: #ff8a00
}

.pop-addp .photo-bar a.sub-btn-disable {
    background: #ccc;
    cursor: default
}

.pop-addp .photo-bar a.sub-btn-disable:hover {
    text-decoration: none;
    background: #ccc
}

.pop-addp .photo-bar a.loading {
    background: #f6f6f6 url(/images/post/loading.gif) center center no-repeat;
    height: 34px;
    line-height: 100px;
    overflow: hidden
}

.set-watermark-bg {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    background: #333 \9;
    filter: alpha(opacity=95);
    opacity: .95;
    visibility: visible;
    _visibility: hidden
}

.set-watermark {
    width: 480px;
    padding: 30px 40px;
    background: #fff;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -280px;
    z-index: 20;
    color: #666;
    font-size: 14px;
    text-align: left;
    border: 1px solid #ddd
}

.set-watermark .sw-hd {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    border-bottom: 1px solid #CCC
}

.set-watermark .sw-pv {
    height: 270px;
    position: relative;
    margin-bottom: 22px
}

.set-watermark dl {
    clear: both;
    font-size: 12px;
    overflow: hidden;
    *zoom: 1;
    margin-right: -20px
}

.set-watermark dt {
    height: 30px;
    padding-left: 10px;
    float: left;
    overflow: hidden
}

.set-watermark dd {
    width: 90px;
    float: left;
    height: 30px;
    zoom: 1
}

.set-watermark dd input {
    vertical-align: middle;
    margin: 0 5px 2px 0
}

.set-watermark .sw-btn {
    clear: both;
    padding: 10px 0 0;
    text-align: right
}

.set-watermark .sw-btn a {
    display: inline-block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    margin-left: 5px;
    border-radius: 3px;
    font-size: 16px;
    text-align: center
}

.set-watermark .sw-btn a:hover {
    text-decoration: none
}

.set-watermark .sw-btn a.cancel, .set-watermark .sw-btn a.view {
    background: #eee;
    color: #999
}

.set-watermark .sw-btn a.cancel:hover, .set-watermark .sw-btn a.view:hover {
    background: #e7e7e7
}

.set-watermark .sw-btn a.submit {
    background: #ff9d00;
    color: #fff
}

.set-watermark .sw-btn a.submit:hover {
    background: #ff8a00
}

.pop-addp .photo-eg {
    width: 600px;
    height: 400px;
    padding: 10px;
    background-color: #939393;
    position: absolute;
    top: 20px;
    left: 10px;
    z-index: 30
}

.pop-addp .photo-eg a {
    position: absolute;
    left: 220px;
    top: 175px;
    width: 180px;
    height: 68px;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 30px;
    line-height: 68px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: block;
    border-radius: 5px
}

.pop-addp .photo-eg a:hover {
    text-decoration: none;
    opacity: .6;
    filter: alpha(opacity=60)
}

.hd-bar .setting-raw {
    float: right;
    position: relative;
    line-height: 30px;
    padding-right: 20px
}

.hd-bar .setting-raw label {
    vertical-align: middle;
    cursor: pointer;
    padding: 0
}

.hd-bar .setting-raw {
    line-height: 30px
}

.hd-bar .setting-raw .fir-q-option {
    margin-right: 8px
}

.hd-bar .setting-raw .q-option {
    display: inline;
    padding: 3px 0
}

.hd-bar .setting-raw input {
    vertical-align: middle;
    margin-top: -1px;
    cursor: pointer;
    padding: 0
}

.success_con {
    background-image: url(/images/post/ok.gif);
    width: 17px;
    height: 17px
}

#uploadbtn {
    cursor: pointer
}

.pop-addp .photo-list .imgCon {
    overflow: hidden
}

.art_newpop {
    width: 396px;
    height: 228px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 0 0 9px #ccc;
    position: absolute;
    left: -23px;
    top: 50px;
    z-index: 100
}

.art_newpop_edit {
    left: 0;
    top: -231px
}

.art_newtab {
    width: 100%;
    height: 34px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ccc
}

.art_newtab span, .newtab-nav li {
    display: inline-block;
    width: 80px;
    height: 34px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 12px;
    text-align: center;
    line-height: 34px;
    color: #666;
    cursor: pointer
}

.art_newtab span.cur, .newtab-nav li.cur {
    background-color: #fff;
    border-bottom-color: #fff
}

.newtab-nav {
    height: 35px;
    float: left;
    width: 324px;
    overflow: hidden;
    position: relative
}

.newtab-nav ul {
    position: absolute;
    width: 9999px
}

.newtab-nav li {
    float: left
}

.newtab-pagin {
    float: right;
    padding: 6px 10px 0 0
}

.newtab-pagin a {
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    text-align: center;
    background-color: #fff;
    position: relative
}

.newtab-pagin a:hover {
    border-color: #ff9d00
}

.newtab-pagin .newtab-prev > i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -4px;
    border-right: 6px solid #aaa;
    border-top: 6px dashed transparent;
    border-bottom: 6px dashed transparent;
    line-height: 0;
    font-size: 0
}

.newtab-pagin .newtab-prev > i i {
    position: absolute;
    left: 3px;
    top: -6px;
    border-right: 6px solid #fff;
    border-top: 6px dashed transparent;
    border-bottom: 6px dashed transparent;
    line-height: 0;
    font-size: 0
}

.newtab-pagin .newtab-next > i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -3px;
    border-left: 6px solid #aaa;
    border-top: 6px dashed transparent;
    border-bottom: 6px dashed transparent;
    line-height: 0;
    font-size: 0
}

.newtab-pagin .newtab-next > i i {
    position: absolute;
    right: 3px;
    top: -6px;
    border-left: 6px solid #fff;
    border-top: 6px dashed transparent;
    border-bottom: 6px dashed transparent;
    line-height: 0;
    font-size: 0
}

.newtab-pagin .newtab-prev:hover > i {
    border-right-color: #ff9d00
}

.newtab-pagin .newtab-next:hover > i {
    border-left-color: #ff9d00
}

.newtab-pagin .disabled, .newtab-pagin .disabled:hover {
    background-color: #f8f8f8;
    border-color: #e5e5e5;
    cursor: default
}

.newtab-pagin .newtab-prev.disabled > i {
    border-right-color: #d6d6d6
}

.newtab-pagin .newtab-prev.disabled > i i {
    border-right-color: #f8f8f8
}

.newtab-pagin .newtab-next.disabled > i {
    border-left-color: #d6d6d6
}

.newtab-pagin .newtab-next.disabled > i i {
    border-left-color: #f8f8f8
}

.art_newface {
    margin: 10px auto 0;
    overflow: hidden
}

.art_newface li {
    margin: -1px 0 0 -1px;
    border: 1px solid #e8e8e8;
    float: left;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

.art_newface1 {
    width: 377px;
    height: 155px
}

.art_newface1 ul {
    width: 378px
}

.art_newface1 li {
    width: 28px;
    height: 28px;
    padding: 5px 7px 5px 6px
}

.art_newface1 li img {
    width: 28px;
    height: 28px
}

.art_newface2 {
    width: 376px;
    height: 173px
}

.art_newface2 ul {
    width: 377px
}

.art_newface2 li {
    width: 23px;
    height: 23px;
    padding: 2px 3px 3px 2px
}

.art_newface2 li img {
    width: 23px;
    height: 23px
}